.labs-page .lab-scene-connected { position: relative; margin-block: 1.5rem; }
.labs-page .lab-scene-connected .lab-entities { gap: 4rem; margin: 0; }
.labs-page .lab-relationship-layer { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.labs-page .lab-connection { fill: none; stroke: currentColor; stroke-width: 2; }
.labs-page .lab-arrow { fill: currentColor; }
.labs-page .lab-connection-healthy { color: var(--accent); }
.labs-page .lab-connection-degraded { color: var(--signal); stroke-dasharray: 6 4; }
.labs-page .lab-connection-failed { color: var(--lab-failure); stroke-dasharray: 2 4; }
.labs-page .lab-connection-inactive { color: var(--text-muted); stroke-dasharray: 8 6; }
.labs-page .lab-connection-unknown { color: var(--text-muted); stroke-dasharray: 1 5; }
.labs-page .lab-connection-badge circle { fill: var(--bg-deep); stroke: var(--text-muted); }
.labs-page .lab-connection-badge text { fill: var(--text); font-family: "IBM Plex Mono", monospace; font-size: 0.875rem; }
.labs-page .lab-relationship-list { padding-left: 1.5rem; margin-block: 1rem; }
.labs-page .lab-relationship-list li { padding: 1rem 0 1rem 0.5rem; border-top: 1px solid var(--line); }
.labs-page .lab-relationship-list li::marker { color: var(--accent); font-family: "IBM Plex Mono", monospace; }
.labs-page .lab-relationship-list p { margin: 0.5rem 0 0; }
