/* Shared styling for inline SVG diagrams */
.dgm { width: 100%; height: auto; max-width: 560px; }
.dgm text { font-family: 'Inter', sans-serif; }
.dgm .node { fill: #2b2150; stroke: #a779f0; stroke-width: 2; }
.dgm .node-2 { fill: #221a3d; stroke: #f0abfc; stroke-width: 2; }
.dgm .wire { stroke: #5b4f86; stroke-width: 2.5; fill: none; }
.dgm .wire-hot { stroke: #a779f0; stroke-width: 2.5; fill: none; }
.dgm .lbl { fill: #ece8f7; font-size: 12px; font-weight: 600; text-anchor: middle; }
.dgm .lbl-sm { fill: #b9b2d4; font-size: 10px; text-anchor: middle; }
.dgm .center { fill: #8b5cf6; stroke: #f0abfc; stroke-width: 2; }
.dgm .layer { stroke: #352a5e; stroke-width: 1.5; rx: 8; }
.dgm .arrow { stroke: #f0abfc; stroke-width: 2; fill: none; marker-end: url(#ah); }
.dgm .dash { stroke-dasharray: 5 5; }