/* The story has one stage and one transport. Inspection takes over the stage. */
.model-workspace.north-mode {--toolbar:48px}
.model-workspace.north-mode #inspector-toggle {border:0;background:none;padding-inline:4px}
.model-workspace.north-mode #model-toolbar {gap:20px;flex-wrap:nowrap;padding:0 24px;background:#0b141c}
.model-workspace.north-mode #model-toolbar #view-title {display:none}
.model-workspace.north-mode #model-toolbar #sequence-heading {width:auto;margin:0;font-size:0;gap:0}
.model-workspace.north-mode #model-toolbar select {border:0;border-radius:0;background:transparent;font-size:14px;min-height:44px;color:#d6e4e9;padding:4px 20px 4px 0}
.model-workspace.north-mode.section-playback #day-steps {display:none}
.model-workspace.north-mode.section-playback #day-section-picker {display:block;width:auto;max-width:42%;margin:0;flex:0 1 auto;background:none;border:0;border-radius:0}
.model-workspace #day-view-options {display:none}
.model-workspace.north-mode #day-view-options {display:block;position:relative;margin:0 0 0 auto;padding:0;border:0;flex:none}
#day-view-options>summary {font-size:14px;min-height:44px;display:flex;align-items:center;gap:6px;list-style:none;color:var(--muted)}
#day-view-options>summary::after {content:'⌄'}
#day-view-options>summary::-webkit-details-marker {display:none}
.day-view-controls {position:absolute;top:100%;right:0;min-width:270px;display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#12232d;box-shadow:0 12px 32px #0007}
.model-workspace.north-mode #model-toolbar #sequence-view-picker {width:100%;font-size:14px;gap:12px}
.model-workspace.north-mode #model-toolbar #sequence-camera-inline {flex:1;width:100%;min-width:0;border-bottom:1px solid #536772}
.model-workspace.north-mode #day-view-options button {border:0;background:none;min-height:44px;padding:6px 0;font-size:14px;color:var(--muted)}
.model-workspace.north-mode #day-view-options button[aria-pressed=true] {color:var(--accent);background:none}
#day-view-options button[aria-pressed=true]::before {content:'✓ ';color:var(--accent)}
.model-workspace.north-mode.section-playback #transport {padding:10px max(24px,calc((100vw - 1050px)/2)) 12px;background:#0b141c}
.north-mode #section-deep-dive {display:none}
.model-workspace.north-mode.section-playback #section-story {display:block;padding:0 0 6px}
.north-mode .beat-navigation {gap:4px}
.model-workspace.north-mode .beat-navigation #beat-picker {background:none;border:0;border-radius:0;color:#a6c9d4;font-size:14px;padding:0;min-height:36px;height:36px}
.model-workspace.north-mode .beat-navigation button {background:none;border:0;min-width:32px;min-height:36px;height:36px}
.model-workspace.north-mode #section-story-copy {font-size:16px;line-height:1.5;margin:4px 0 0;color:#e0e8ec;max-width:920px}
.model-workspace.north-mode #transport .transport-main {height:44px;gap:14px}
.model-workspace.north-mode #transport .transport-main button {border:0;background:none;min-height:44px}
.model-workspace.north-mode #transport #play {background:#9fc7d6;color:#0b141c;border-radius:50%;width:42px;min-width:42px;height:42px;min-height:42px;padding:0}
.north-mode #play span,.north-mode #progress-label {display:none}
.north-mode #next-section {font-size:14px;color:var(--accent);white-space:nowrap}
.north-mode #previous-section {font-size:20px;color:var(--accent);min-width:32px}
#day-evidence {inset:0;border:0;border-radius:0;box-shadow:none;background:#f4f3f0;color:#233c47;--select-menu-bg:#f4f3f0;--select-menu-ink:#233c47;--select-menu-active:#dce5e7;--select-menu-muted:#61737b}
#day-evidence select {color-scheme:light;accent-color:#285b6d}
#day-evidence select:focus-visible {outline-color:#285b6d}
#day-evidence strong {color:inherit}
.day-source-heading {border:0;padding:16px 24px;gap:18px}
.day-source-heading>div {gap:6px 16px}
.day-source-kind {color:#786342;font-size:12px}
.day-source-location {font-size:14px}
#day-evidence button {background:none;border:0;color:#285b6d;border-radius:0;font-size:14px;min-height:44px;padding:4px 0;flex-shrink:0;text-decoration:underline;text-underline-offset:4px}
#day-evidence button:hover {color:#142d39}
#day-evidence .day-source-return::before {content:'▶ ';font-size:12px}
.day-source-controls {border:0;padding:0 24px 12px;gap:10px 24px}
.day-source-controls label {font-size:12px;color:#526570;min-width:0}
.day-source-controls select {background:none;color:#233c47;border:0;border-bottom:1px solid #9eaeb4;border-radius:0;font-size:14px;min-height:40px;padding:0 16px 0 0;max-width:300px}
.day-source-controls .day-beyond {font-size:13px;max-width:300px}
.day-source-figure figcaption {padding:16px 24px 20px;max-width:1080px;width:100%;margin:auto}
.day-source-figure figcaption>div {font-size:16px;gap:8px 20px;flex-wrap:wrap}
.day-source-time {color:#796037;font-size:14px}
.day-source-note {font-size:15px;line-height:1.5;color:#425660;margin:8px 0;max-width:900px}
.day-source-link {color:#285b6d;font-size:13px;line-height:1.5}
#day-evidence .day-source-original {font-size:13px;min-height:36px;margin-right:16px;padding:0}
.day-condition-legend {color:#425660;font-size:13px}
#day-evidence .day-source-entries {margin:0;padding:8px 24px 20px;font-size:14px;border:0}
#day-evidence .day-source-entries summary {color:#285b6d}
#day-evidence-open {background:#0b141cbb;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:6px 0}
.day-stair-conditions {font-size:16px;gap:14px 12px;max-width:390px}
.day-stair-record .day-stair-plan {max-width:440px}
.day-movement-legend {position:absolute;left:20px;bottom:16px;z-index:6;pointer-events:none;font-size:12px;line-height:1.5;color:#b4c8d2;background:#0b141ccf;padding:8px 0}
.day-movement-legend strong {font-size:14px;font-weight:500;color:#deebf0}
.day-movement-legend>div {display:flex;align-items:center;gap:8px;margin:5px 0}
.day-movement-legend i {display:block;width:130px;height:5px;background:linear-gradient(90deg,#3ba0c7,#f2c564,#f27b4f)}
.day-movement-legend small {display:block;font-size:12px;margin-top:3px;color:#96aab4}
.model-workspace.north-mode:has(#day-evidence.is-exploring:not([hidden])) #model-toolbar,
.model-workspace.north-mode:has(#day-evidence.is-exploring:not([hidden])) #transport {display:none}
.model-workspace.north-mode:has(#day-evidence.is-exploring:not([hidden])) #experience {top:calc(var(--head) + var(--nav));bottom:0}
#day-evidence.is-exploring .day-source-heading {position:sticky;top:0;z-index:2;background:#f4f3f0}
#day-evidence.is-exploring .day-source-figure {min-height:420px;flex:1}
#day-evidence.is-stair-cue {background:#0b141cef;color:#dce8ee;border:0;border-left:1px solid #50636e;padding-left:8px}
.is-stair-cue .day-source-kind {color:#ceb885;font-size:12px}
#day-evidence.is-stair-cue .day-source-inspect {font-size:12px;min-height:36px;color:#a6c9d4;max-width:100px}
.is-stair-cue .day-source-time,.is-stair-cue .day-source-link {color:#b4c7d0;font-size:12px}
.is-stair-cue .day-source-figure figcaption {padding:4px 12px 12px}
@media(max-width:760px){
 .model-workspace.north-mode #model-toolbar {padding:0 14px;gap:10px}
 .model-workspace.north-mode #model-toolbar #sequence-tower {font-size:13px;max-width:125px}
 .model-workspace.north-mode.section-playback #model-toolbar #day-section-picker {max-width:none;min-width:0;flex:1;font-size:13px}
 #day-view-options>summary {font-size:0;gap:0;width:36px;justify-content:center}
 #day-view-options>summary::after {content:'···';font-size:24px;letter-spacing:2px}
 .model-workspace.north-mode.section-playback #transport {padding:8px 14px}
 .model-workspace.north-mode #section-story-copy {font-size:15px;line-height:1.45}
 .north-mode .section-caption {display:block}
 .model-workspace.north-mode .beat-navigation #beat-picker {font-size:13px}
 .model-workspace.north-mode #transport .transport-main {gap:10px}
 .day-source-heading {padding:12px 16px;align-items:flex-start}
 .day-source-heading>div {flex-direction:column;align-items:flex-start;gap:4px}
 .day-source-location {font-size:14px;line-height:1.4}
 #day-evidence button {font-size:14px}
 .day-source-controls {padding:0 16px 12px;gap:10px 16px}
 .day-source-controls select {max-width:min(300px,calc(100vw - 32px));font-size:14px}
 .day-source-figure figcaption {padding:12px 16px 20px}
 .day-source-note {font-size:14px;line-height:1.5}
 #day-evidence.is-exploring .day-source-figure {flex:1;min-height:480px}
 #day-evidence.is-exploring .day-source-image {min-height:260px}
 #day-evidence.is-exploring .day-stair-record {flex-direction:column;gap:12px;padding:12px}
 #day-evidence.is-exploring .day-stair-plan {width:100%;height:60%;min-height:180px;max-height:260px}
 #day-evidence.is-exploring .day-stair-conditions {font-size:14px;gap:10px 8px;flex:none}
}
@media(max-width:800px){
 #day-evidence.is-stair-cue {border-left:0;border-top:1px solid #50636e;padding:0}
 .is-stair-cue .day-source-heading {border:0}
 .is-stair-cue .day-stair-conditions {font-size:12px}
 .is-stair-cue .day-source-time {display:none}
 .is-stair-cue .day-source-link {font-size:12px;margin:0}
}

/* In-scene guides use a flat key and one row of floor controls. */
.day-floor-review,.day-load-legend {position:absolute;left:20px;bottom:14px;z-index:6;color:#c0d1d9;background:#0b141cdd;padding:6px 0;font-size:12px;line-height:1.5;max-width:calc(100% - 40px)}
.day-floor-review {position:static;display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;background:none;max-width:none;padding:4px 0 0;margin-top:4px}
.day-floor-review>span {margin-right:7px}
.day-floor-review button {font:inherit;font-size:14px;background:none;color:#9db7c2;border:0;border-bottom:2px solid transparent;border-radius:0;min-width:34px;min-height:42px;padding:4px;cursor:pointer}
.day-floor-review button[aria-pressed=true] {color:#f4d3a1;border-bottom-color:#f4d3a1}
.day-floor-review button:focus-visible {outline:2px solid #9fc7d6;outline-offset:2px}
.day-floor-review small {margin-left:12px;font-size:12px;color:#99aeb9}
.day-load-legend {pointer-events:none}
.day-load-legend strong {font-size:14px;font-weight:500;color:#e0eaf0}
.day-load-legend>div {display:flex;gap:18px;margin:5px 0}
.day-load-legend span {display:flex;align-items:center;gap:6px}
.day-load-legend i {width:7px;height:7px;border-radius:50%}
.day-load-legend small {font-size:11px;color:#99aeb9}
.day-floor-review[hidden],.day-load-legend[hidden],.day-movement-legend[hidden] {display:none!important}
@media(max-width:760px){.day-floor-review,.day-load-legend {left:10px;max-width:calc(100% - 20px);bottom:8px}.day-floor-review {gap:0 3px}.day-floor-review button {min-width:32px}.day-load-legend>div {gap:14px}}
@media(max-width:760px){.day-floor-review {max-width:none}.day-floor-review small {flex-basis:100%;margin:0;font-size:11px}}

@keyframes day-source-arrive {from {opacity:0;transform:translateY(5px)} to {opacity:1;transform:translateY(0)}}
#day-evidence:not([hidden]) {animation:day-source-arrive 220ms ease-out both}
@media(prefers-reduced-motion:reduce){#day-evidence:not([hidden]) {animation:none}}
#day-evidence[aria-busy=true]::after {content:'Preparing next NIST record…';position:absolute;right:20px;bottom:16px;padding:6px 10px;background:#f4f3f0;color:#425660;font-size:12px}

/* Source panels may animate in; the model itself stays fully visible. */

/* Explain the enclosure in the story itself, with no extra panel or controls. */
.day-stair-explainer {margin:0;flex:none;width:160px;color:#425660}
.day-condition-graphic .day-stair-explainer svg {display:block;width:100%;height:auto}
#day-evidence .day-stair-explainer figcaption {padding:4px 0 0;width:auto;font-size:12px;line-height:1.5}
.day-stair-explainer figcaption span {display:block;white-space:nowrap}
.day-stair-explainer figcaption span::before {content:'';display:inline-block;width:8px;height:8px;margin-right:6px;background:#dfbd7f}
.day-stair-explainer .day-stair-step-key::before {background:#91a8b3}
.day-stair-explainer figcaption small {display:block;margin-top:5px;font-size:11px;line-height:1.3;opacity:.85}
.day-stair-record:has(.day-stair-explainer) {flex-wrap:wrap;height:auto}
#day-evidence.is-exploring.has-stair-record .day-source-image {flex:none;min-height:0;overflow:visible}
#day-evidence.is-exploring.has-stair-record .day-condition-graphic {position:relative;inset:auto;display:block;width:100%}
#day-evidence .day-stair-limits {flex-basis:100%;font-size:13px;line-height:1.45;margin:0;padding:4px 0;text-align:left;color:inherit;max-width:none}
.is-stair-cue .day-stair-record:has(.day-stair-explainer) {display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px 8px;padding:8px}
.is-stair-cue .day-stair-explainer {width:112px;color:#b4c7d0}
.is-stair-cue .day-stair-explainer figcaption span {white-space:normal}
.is-stair-cue .day-stair-conditions {font-size:12px;gap:10px 6px;grid-template-columns:22px minmax(0,1fr)}
.is-stair-cue .day-stair-limits {grid-column:1/-1}
.is-stair-cue.has-stair-record .day-source-title,.is-stair-cue.has-stair-record .day-source-time {display:none}
.is-stair-cue .day-source-heading {padding-bottom:3px}
@media(min-width:801px){
 #day-evidence.is-stair-cue.has-stair-record {width:32%;min-width:310px;max-width:350px}
 .is-exploring .day-stair-record .day-stair-plan {width:35%;max-height:340px}
}
@media(max-width:800px){
 #day-evidence.is-stair-cue.has-stair-record {display:flex;max-height:50%;bottom:4px}
 .is-stair-cue.has-stair-record .day-source-heading {flex-direction:row;align-items:center;padding:4px 8px;gap:8px}
 .is-stair-cue.has-stair-record .day-source-heading>div {flex-direction:row;gap:3px 8px;align-items:center}
 .is-stair-cue.has-stair-record .day-source-location {font-size:12px}
 .is-stair-cue.has-stair-record .day-source-kind {font-size:11px}
 .is-stair-cue.has-stair-record .day-source-inspect {min-height:30px}
 .is-stair-cue .day-stair-record:has(.day-stair-explainer) {grid-template-columns:100px minmax(0,1fr);gap:3px 12px;padding:2px 8px}
 .is-stair-cue .day-stair-explainer {width:100px}
 #day-evidence.is-stair-cue .day-stair-explainer figcaption {font-size:11px;line-height:1.3}
 .is-stair-cue .day-stair-conditions {font-size:12px;gap:6px}
 #day-evidence.is-stair-cue .day-stair-limits {font-size:12px;line-height:1.3}
 .is-stair-cue.has-stair-record .day-source-figure>figcaption {padding:2px 8px 6px}
 .is-stair-cue.has-stair-record .day-source-link {font-size:11px}
 #day-evidence.is-exploring .day-stair-record:has(.day-stair-explainer) {display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px}
 .is-exploring .day-stair-record .day-stair-explainer {width:100px}
 #day-evidence.is-exploring .day-stair-plan {grid-column:1/-1;grid-row:1;max-height:220px}
 .is-exploring .day-stair-limits {grid-column:1/-1}
}

/* Optional second camera on the native floor; the main floor stays in place. */
.continuation-focus {position:absolute;inset:0;z-index:8;pointer-events:none}
.continuation-focus[hidden],.continuation-focus [hidden] {display:none!important}
.continuation-focus-trigger {position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;padding:0;line-height:26px;border:1px solid #eacb91;border-radius:50%;color:#ffe0a9;background:#142530;pointer-events:auto;cursor:pointer;font-size:20px}
.continuation-focus-trigger:focus-visible,.continuation-focus-panel button:focus-visible {outline:2px solid #b1dbe9;outline-offset:3px}
.continuation-focus-panel {position:absolute;right:16px;top:16px;width:300px;border:1px solid #62717a;border-radius:4px;overflow:hidden;pointer-events:auto;color:#dce8ee;box-shadow:0 5px 20px #0004}
.continuation-focus-panel header {display:flex;align-items:center;justify-content:space-between;min-height:38px;padding-left:12px;background:#10202b;font-size:12px}
.continuation-focus-panel button {border:0;background:none;color:#dce8ee;font-size:22px;width:38px;height:38px;cursor:pointer}
.continuation-focus-window {height:205px;pointer-events:none}
.continuation-focus-panel small {display:block;padding:7px 12px;background:#10202b;font-size:11px;color:#b6c7ce}
@media(max-width:600px){.continuation-focus-panel{width:240px;right:10px;top:10px}.continuation-focus-window{height:160px}}
@media(max-height:430px){.continuation-focus-panel{width:220px;top:8px}.continuation-focus-window{height:120px}}