/* A source-derived full span with a circular close-up of the same endpoint. */
.day-connection-reveal{max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;overflow-anchor:none}
.day-connection-reveal header{position:sticky;top:0;z-index:1;background:#101e27}
.day-connection-reveal .day-connection-step{display:grid;gap:2px;margin:1px 0 7px}
.day-connection-reveal .day-connection-step-count{font:10px/1.3 system-ui;color:#a9beca}
.day-connection-reveal .day-connection-step-title{font-size:12px;white-space:normal}
.day-connection-reveal.is-expanded header{position:sticky;top:0;z-index:1;background:#101e27}
.day-connection-reveal .day-connection-progress{height:2px;background:#344955;overflow:hidden}
.day-connection-reveal .day-connection-progress span{display:block;height:100%;background:#e4bf80;transition:width .18s ease}
.day-connection-reveal[data-role="vertical-bearing"] .day-connection-progress span{background:#83c8d6}
.day-connection-reveal[data-role="inward-ties"] .day-connection-progress span{background:#f4c56c}
.day-connection-reveal .day-connection-span-context{margin:0 0 7px;border:1px solid #344955;border-radius:3px;background:#13232e}
.day-connection-reveal .day-connection-span-context figcaption{padding:5px 8px 0;font:10px/1.3 system-ui;color:#a9beca}
.day-connection-reveal .day-connection-mini svg{display:block;width:100%;height:auto;max-height:100px;min-height:0!important;margin:0}
.day-connection-reveal .day-connection-step-controls{display:flex;justify-content:space-between;gap:8px;margin:8px 0 10px}
.day-connection-reveal .day-connection-step-controls button{min-height:40px;min-width:68px;font-size:11px}
.day-connection-reveal .day-connection-step-controls [data-step="next"]{margin-left:auto;border-color:#c1a36d;color:#ffe0a7}
.day-connection-reveal button:disabled{opacity:.4;cursor:default}
.day-connection-reveal .day-connection-actions button{min-height:36px}
.day-connection-reveal .day-connection-basis{font-size:10px;line-height:1.4}
.day-connection-paths{margin:6px 0;border:1px solid #526674;border-radius:3px;background:#13232e}
.day-connection-paths svg{display:block;width:100%;height:auto;max-height:205px}
.day-connection-reveal[data-role="inward-ties"] .day-connection-inset svg{max-height:150px;min-height:0!important}
.day-connection-reveal .day-connection-step-controls{position:sticky;bottom:0;background:#101e27;padding:6px 0;z-index:1}
.day-connection-reveal.is-compact.is-expanded{width:440px}
.day-connection-reveal.is-compact.is-expanded header strong{white-space:normal}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="inward-ties"] #day-connection-body>*:not(.day-connection-paths){display:none!important}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="inward-ties"] .day-connection-paths{margin:0 0 4px}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="inward-ties"] .day-connection-paths::after{content:'Design paths · survival unverified';display:block;padding:2px 4px 5px;font:9px/1.35 system-ui;color:#d1e0e6}
.day-truss-mechanism{margin:6px 0;border:1px solid #405c6b;background:#13232e;border-radius:3px}
.day-truss-mechanism figcaption{padding:4px 6px 0;font:11px/1.3 system-ui;color:#dbeaf0}
.day-truss-mechanism svg{display:block;width:100%;height:auto;max-height:144px}
.day-truss-mechanism small{display:block;padding:0 6px 5px;font:9px/1.35 system-ui;color:#a9beca}
.day-connection-reveal:not(.is-expanded)[data-role="span"] .day-connection-inset svg{min-height:0!important;max-height:125px}
.day-connection-reveal:not(.is-compact):not(.is-expanded)[data-role="span"] .day-connection-note,.day-connection-reveal:not(.is-compact):not(.is-expanded)[data-role="span"] .day-connection-actions{display:none}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="span"] #day-connection-body>*:not(.day-connection-inset):not(.day-truss-mechanism){display:none!important}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="span"] .day-connection-inset svg{min-height:0!important;max-height:105px}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="span"] .day-truss-mechanism figcaption{font-size:10px}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="span"] .day-truss-mechanism small{font-size:9px}
.day-connection-reveal.is-compact.is-expanded .day-connection-inset svg{min-height:155px}
.day-short-stage .day-connection-reveal.is-expanded .day-connection-inset svg{height:auto;min-height:155px;max-height:180px}
/* Focus lens: no added member, magnification transform, or dimming of the
   surrounding tower. Only the existing native-derived SVG viewport is round. */
.day-connection-reveal:is([data-role="vertical-bearing"],[data-role="inward-ties"]){--focus-ink:#83c8d6}
.day-connection-reveal[data-role="inward-ties"]{--focus-ink:#f4c56c}
.day-connection-reveal:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset{
 width:min(100%,290px);aspect-ratio:1;margin:9px auto 7px;border:2px solid var(--focus-ink);border-radius:50%;overflow:hidden;background:#101e27;box-shadow:0 0 0 5px #101e27,0 0 0 6px #405765;
}
.day-connection-reveal:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset svg,
.day-connection-reveal.is-expanded:not(.is-compact):is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset svg,
.day-short-stage .day-connection-reveal.is-expanded:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset svg{
 display:block;width:100%;height:100%;min-height:0!important;max-height:none!important;aspect-ratio:1;margin:0;
}
.day-connection-reveal:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-span-context{display:none!important}
/* On narrow stages the close-up remains visible without expanding a large
   card across the model. Enlarge reveals notes, source links and path detail. */
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]){width:min(270px,calc(100% - 106px));max-width:none}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>*:not(.day-connection-step):not(.day-connection-progress):not(.day-connection-inset):not(.day-connection-step-controls):not(.day-connection-basis){display:none!important}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>.day-connection-inset,
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>.day-connection-step,
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>.day-connection-progress,
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>.day-connection-basis{display:block!important}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-basis{margin:2px 1px 5px;color:#b4c7d0;font-size:9px}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) #day-connection-body>.day-connection-step-controls{display:flex!important}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset{width:min(100%,210px);margin:8px auto}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-step-controls{position:static;margin:4px 0 0;padding:0}
.day-connection-reveal.is-compact:not(.is-expanded):is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-step-controls button{min-height:36px}
.day-connection-reveal.is-compact:not(.is-expanded)[data-role="inward-ties"] .day-connection-paths{display:none!important}
.day-connection-reveal.is-compact.is-expanded:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset{width:min(100%,280px)}
@media(max-height:430px){.day-connection-reveal:is([data-role="vertical-bearing"],[data-role="inward-ties"]) .day-connection-inset{width:min(100%,180px)}}
@media(max-width:440px){
 .day-connection-reveal.is-compact.is-expanded .day-connection-inset{margin-left:-7px;margin-right:-7px}
 .day-connection-reveal .day-connection-note{font-size:11px;min-height:0}
 .day-connection-reveal .day-connection-step-controls button{min-height:44px}
 .day-connection-reveal .day-connection-mini svg{max-height:85px}
}
@media(prefers-reduced-motion:reduce){.day-connection-reveal .day-connection-progress span{transition:none}}