/* vision loop */
.loop-wrap { display: flex; justify-content: center; }
.loop-svg { width: min(100%, 400px); height: auto; }
.loop-node circle { fill: var(--surface); stroke: var(--border); stroke-width: 1.5; }
.loop-node.active circle { stroke: var(--accent); }
.loop-node text { fill: var(--fg); font-family: var(--font-sans); font-size: 11px; }
.loop-svg path.edge { fill: none; stroke: var(--border); stroke-width: 1.5; marker-end: url(#loopArrow); }
.loop-svg .hub { fill: var(--fg-muted); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; }