/* V1.3 — quiet series controls, public information and a complete night palette. */
:root{--control-surface:rgba(255,254,248,.64);--control-hover:rgba(87,109,95,.075);--control-active:rgba(165,67,52,.055);--diagram-surface:rgba(87,109,95,.035)}
html[data-theme=night]{color-scheme:dark;--paper:#171e24;--paper-deep:#222d34;--ink:#e2e3d9;--muted:#a8b4b1;--accent:#daa28b;--accent-dark:#bc856e;--secondary:#a5bfaf;--line:rgba(202,213,204,.16);--line-strong:#6a817c;--surface:rgba(34,45,51,.97);--shadow:0 16px 48px rgba(0,0,0,.13);--control-surface:rgba(42,55,61,.63);--control-hover:rgba(187,206,193,.085);--control-active:rgba(218,162,139,.075);--diagram-surface:rgba(164,190,168,.025)}
body{transition:background-color .26s,color .26s}
.header-home>svg,.footer-links a[data-series-home]>svg{width:14px;height:14px;flex:0 0 14px}
.side-caption{position:absolute;left:24px;top:49vh;writing-mode:vertical-rl;transform:rotate(180deg);font:9px/1.8 var(--latin);letter-spacing:4px;color:var(--muted);opacity:.65;pointer-events:none;user-select:none}
.stage-tools{border:0;background:none;box-shadow:none;padding:0;gap:3px;right:1px;top:18%;}
.stage-tools button{background:transparent;border:1px solid transparent;border-radius:2px;color:var(--muted);transition:background-color .18s,border-color .18s,color .18s}
.stage-tools button:hover,.stage-tools button:focus-visible{background:var(--control-surface);border-color:var(--line);color:var(--accent)}
.stage-tools>span{width:14px;margin:1px auto;border-color:var(--line)}
.stage-tools button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.model-control-panel{background:var(--control-surface);border:0;border-radius:2px;padding:5px 10px 2px;margin-top:10px;box-shadow:none}
.model-control-panel .toolbar{margin:0;background:transparent;border:0!important;border-radius:0;min-height:52px;padding:0;gap:12px;display:flex;flex-wrap:nowrap}
.model-control-panel .view-controls,.model-control-panel .explain-controls{border:0!important;padding:0;gap:4px;flex-basis:auto}
.model-control-panel .explain-controls{margin-left:auto}
.model-control-panel .toolbar button{border:1px solid transparent!important;background:transparent;padding:7px 10px;font-size:11px;color:var(--muted);gap:6px}
.model-control-panel .toolbar button:hover{background:var(--control-hover);border-color:var(--line)!important;color:var(--ink)}
.model-control-panel .toolbar button[aria-pressed=true]{color:var(--accent);background:var(--control-active)}
.model-control-panel .toolbar button[aria-pressed=true]::after{display:none}
.model-control-panel .view-controls>button{margin-left:3px}
.model-control-panel .view-controls>button::before{display:none}
.model-control-panel .toolbar select{background:transparent;color:var(--ink);max-width:142px;min-height:44px}
.model-control-panel .toolbar select:hover{background:var(--control-hover)}
.model-control-panel .toolbar option{background:var(--paper);color:var(--ink)}
.model-control-panel .theme-toggle{margin-left:4px;min-width:76px;flex-shrink:0}
.model-control-panel .theme-toggle[aria-pressed=true]{background:transparent!important;color:var(--secondary)!important}
.model-control-panel .theme-toggle svg{width:18px;height:18px}
.model-control-panel .explore-strip{padding:0 2px 0;min-height:50px;gap:8px;border:0}
.model-control-panel .explore-strip button{border:1px solid transparent}
.model-control-panel .explore-strip button:hover{background:var(--control-hover);border-color:var(--line)}
.model-control-panel .overview-legend{padding:2px 4px 10px;border:0;background:transparent}
.scale-switch{border:0;background:var(--control-surface);padding:3px;gap:3px}
.scale-switch button{border:1px solid transparent;min-height:40px;color:var(--muted);padding:7px 15px;background:transparent;display:flex;align-items:center;gap:7px}
.scale-switch button[aria-pressed=true]{color:var(--accent);background:var(--control-active)}
.scale-switch button[aria-pressed=true]::before{content:'';width:3px;height:3px;border-radius:50%;background:currentColor}
.scale-switch button:hover{background:var(--control-hover);border-color:var(--line);color:var(--ink)}
/* The sky is behind the real WebGL geometry. It never intercepts gestures. */
.stage #night-sky{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;touch-action:auto;opacity:0;transition:opacity .25s;outline:0}
html[data-theme=night] .stage #night-sky{opacity:1}
.night-caption{display:none;position:absolute;right:72px;top:18px;font:10px var(--serif);letter-spacing:.2em;color:var(--muted);z-index:4;pointer-events:none}
html[data-theme=night] .night-caption{display:block}
html[data-theme=night] .stage-inscription{opacity:.24}
html[data-theme=night] .brand-seal{background:#a86553}
html[data-theme=night] .brand-dot{background:var(--accent)}
html[data-theme=night] .part-card,html[data-theme=night] .cruise-hud,html[data-theme=night] .overview-info{background:var(--surface);color:var(--ink)}
html[data-theme=night] .field-figure,html[data-theme=night] .flow-intro,html[data-theme=night] .memory-visual,html[data-theme=night] .visit-note{background:var(--diagram-surface)}
html[data-theme=night] .hotspot{background:rgba(27,39,44,.91);border-color:rgba(165,191,175,.44);color:#bdd1c4}
html[data-theme=night] .hotspot:hover,html[data-theme=night] .hotspot:focus-visible{background:var(--paper-deep);color:var(--accent)}
html[data-theme=night] .hotspot span{background:var(--paper-deep);color:var(--ink)}
html[data-theme=night] .data-tag{background:rgba(187,206,193,.065);color:var(--secondary)}
html[data-theme=night] .primary{color:#182026;background:var(--accent);border-color:var(--accent)}
html[data-theme=night] .primary:hover{background:#e2b69f}
html[data-theme=night] .toast{background:#34464c;color:var(--ink)}
html[data-theme=night] .timeline-item::before{background:var(--paper)}
html[data-theme=night] .loading{background:var(--paper)}
html[data-theme=night] .operation-help,html[data-theme=night] .story-body{color:var(--muted)}
/* Photo entries deliberately remain quiet type, not four heavy cards. */
.reference-links>.photo-trigger{position:relative;border:0;border-top:1px solid var(--line);text-align:left;padding:16px 28px 12px 0;display:block;min-width:0;border-radius:0}
.reference-links>.photo-trigger>span{font:18px/1.5 var(--latin);color:var(--accent);display:flex;align-items:center;gap:12px}
.reference-links>.photo-trigger>span small{font:11px var(--sans);color:var(--secondary)}
.reference-links>.photo-trigger>small{display:block;font-size:10px;color:var(--muted);line-height:1.8}
.reference-links>.photo-trigger>svg{position:absolute;right:0;top:19px;width:17px;height:17px;color:var(--secondary)}
.reference-links>.photo-trigger:hover{border-color:var(--accent)}
.reference-links>.photo-trigger:hover strong{color:var(--accent)}
.model-note-brief{padding-block:64px 58px;display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:start}
.model-note-brief h2{font-size:25px;line-height:1.8;margin-top:10px;letter-spacing:.02em}
.model-note-brief>div>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}
.model-note-brief .text-link{margin-top:12px;min-height:44px;padding:0}
.dialog-section h4{font:19px/1.6 var(--serif);margin:22px 0 8px;color:var(--ink)}
.about-dialog #source-list{display:block;list-style:none;margin:20px 0 0;padding:0;counter-reset:none}
.about-dialog #source-list li{border:0;border-top:1px solid var(--line);padding:14px 0;scroll-margin-top:130px;border-radius:0}
.about-dialog #source-list a{font-size:13px;line-height:1.85;color:var(--secondary);display:flex;gap:10px;min-height:44px}
.about-dialog #source-list a:hover{color:var(--accent)}
.about-dialog #source-list small{font-size:11px;display:block;margin:2px 0 4px 27px;color:var(--muted)}
.about-dialog #source-list p{font-size:12px;line-height:1.9;margin:4px 0 0 27px;color:var(--muted)}
.about-dialog #source-list li:target,.about-dialog #source-list li.source-highlight{background:var(--control-hover);outline:8px solid var(--control-hover)}
.photo-dialog{width:min(1120px,calc(100vw - 64px));max-height:calc(100dvh - 56px);padding:0;margin:auto;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:var(--shadow)}
.photo-dialog:not([open]){display:none}
.photo-dialog::backdrop,.about-dialog::backdrop{background:rgba(17,25,29,.56)}
.photo-dialog.dialog-fallback{position:fixed;inset:0;z-index:240;box-shadow:0 0 0 100vmax rgba(17,25,29,.56)}
.photo-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px 14px;background:var(--paper)}
.photo-header .eyebrow{font-size:9px}
.photo-header h2{font:26px/1.6 var(--serif);margin-top:2px;letter-spacing:.05em}
.photo-body{padding:0 28px 18px}
.photo-viewport{position:relative;min-height:260px;height:min(60dvh,630px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper-deep)}
.photo-viewport img{width:100%;height:100%;object-fit:contain;display:block;opacity:1;transition:opacity .2s}
.photo-viewport.is-loading img,.photo-viewport.is-error img{opacity:0}
.photo-loading,.photo-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center;color:var(--muted);font-size:13px;background:var(--paper-deep)}
.photo-error .serif{font-size:25px;color:var(--ink)}
.photo-error p+p{margin-top:0}
.photo-error button{margin-top:10px;min-height:44px}
.photo-loading-line{width:42px;height:1px;background:var(--secondary);animation:photo-breathe 1.8s ease-in-out infinite}
@keyframes photo-breathe{50%{opacity:.24;transform:scaleX(.55)}}
.photo-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:17px}
.photo-caption>div:first-child{min-width:0}
.photo-caption p{font:21px/1.6 var(--serif);color:var(--ink)}
.photo-caption small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.photo-caption .text-link{padding:0;margin-top:6px;font-size:11px;min-height:30px}
.photo-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}
.photo-navigation button{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent}
.photo-navigation button:hover{background:var(--control-hover);border-color:var(--line)}
.photo-navigation span{font:12px var(--latin);letter-spacing:.12em;color:var(--muted);white-space:nowrap}
.photo-key-help{color:var(--muted);font-size:10px;letter-spacing:.04em;margin-top:7px}
@media(max-width:1150px){.side-caption{display:none}.model-control-panel .toolbar{flex-wrap:wrap;gap:4px 8px}.model-control-panel .toolbar button{padding-inline:7px}.model-control-panel .view-controls{flex:0 0 auto;justify-content:flex-start}.model-control-panel .explain-controls{flex:1 1 auto;justify-content:flex-end}.model-control-panel .theme-toggle{margin-left:auto}.model-note-brief{gap:28px}}
@media(max-width:850px){.model-control-panel .toolbar{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.model-control-panel .view-controls{grid-column:1;grid-row:1;justify-content:flex-start}.model-control-panel .explain-controls{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;margin:0}.model-control-panel .theme-toggle{grid-column:2;grid-row:1}.model-control-panel .explain-controls button{flex:1}.model-note-brief{grid-template-columns:1fr;gap:16px}}
@media(max-width:700px){.header-home{gap:3px}.header-home>svg{width:12px;height:12px;flex-basis:12px}.stage-tools{top:auto;bottom:58px;right:10px;gap:2px}.stage-tools>span{height:14px;width:0;margin:0 3px}.stage-tools button{color:var(--ink);background:rgba(245,242,234,.5)}html[data-theme=night] .stage-tools button{background:rgba(23,30,36,.55)}.scale-switch button{min-height:44px;padding:7px 10px;font-size:10px;gap:5px}.scale-switch{gap:1px}.model-control-panel{margin-top:10px;padding:4px 6px}.model-control-panel .toolbar{padding:0;gap:2px 5px}.model-control-panel .view-controls{gap:0;min-width:0}.model-control-panel .toolbar select{max-width:106px;font-size:11px;padding-inline:3px 13px}.model-control-panel .toolbar button{font-size:11px;padding:5px 5px;min-height:44px;gap:5px}.model-control-panel .view-controls>label{display:none}.model-control-panel .view-controls>button{margin-left:3px}.model-control-panel .theme-toggle{min-width:67px;margin:0}.model-control-panel .toolbar .explain-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;padding:0}.model-control-panel .explain-controls button{font-size:12px;min-height:44px;border:1px solid transparent!important;padding-inline:5px}.model-control-panel .explore-strip{gap:0;min-height:50px;padding:0}.model-control-panel .explore-strip output{width:65px}.model-control-panel .explore-strip>span{min-width:44px}.model-control-panel .model-note-link{margin-top:0;padding:0 6px}.night-caption{right:18px;top:54px;font-size:9px;opacity:.75}.reference-links>.photo-trigger{padding:14px 18px 8px 0}.reference-links>.photo-trigger>span{font-size:16px;gap:7px;align-items:flex-start}.reference-links>.photo-trigger>span small{font-size:10px;line-height:1.7}.reference-links>.photo-trigger>svg{width:14px;height:14px;top:17px}.model-note-brief{padding-block:44px 40px;gap:14px}.model-note-brief h2{font-size:23px}.model-note-brief>div>p:not(.eyebrow){font-size:14px}.photo-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.photo-header{padding:15px 16px 12px;gap:12px}.photo-header h2{font-size:23px}.photo-body{padding:0 16px 15px}.photo-viewport{height:min(48dvh,420px);min-height:210px}.photo-caption{display:block;margin-top:14px}.photo-caption p{font-size:21px}.photo-navigation{justify-content:flex-end;margin-top:2px}.photo-key-help{margin-top:0}.dialog-section h4{font-size:19px}.about-dialog #source-list p{font-size:13px;margin-left:0}.about-dialog #source-list small{margin-left:0}}
@media(max-width:370px){.brand-name{font-size:17px;letter-spacing:1px}.brand-name small{letter-spacing:.65px;font-size:7px}.header-right{gap:7px}.brand{gap:8px}.brand-dot{margin-inline:5px}.header-home{font-size:9px}.about-button{font-size:10px}.model-control-panel .toolbar select{max-width:100px}.model-control-panel .theme-toggle{min-width:60px}.model-control-panel .toolbar button{padding-inline:4px}.model-control-panel .explore-strip input{min-width:20px}.model-control-panel .explore-strip output{width:63px}}
@media(max-height:500px) and (orientation:landscape){.photo-dialog{max-height:calc(100dvh - 16px)}.photo-header{padding-block:8px}.photo-header h2{font-size:22px}.photo-header .eyebrow{display:none}.photo-viewport{height:54dvh;min-height:130px}.photo-caption p{font-size:17px}.photo-caption{margin-top:10px}.photo-key-help{display:none}.viewer:fullscreen .model-control-panel,.viewer.immersive .model-control-panel{margin-top:0;padding-block:0}.viewer:fullscreen .toolbar,.viewer.immersive .toolbar{display:flex;flex-wrap:nowrap}.viewer:fullscreen .toolbar .explain-controls,.viewer.immersive .toolbar .explain-controls{display:flex;gap:1px}.viewer:fullscreen .toolbar button,.viewer.immersive .toolbar button{font-size:10px;padding-inline:4px}.viewer:fullscreen .theme-toggle,.viewer.immersive .theme-toggle{min-width:54px}.viewer:fullscreen .stage-tools,.viewer.immersive .stage-tools{top:8px;bottom:auto}}
@media(prefers-reduced-motion:reduce){body,.stage #night-sky,.photo-viewport img{transition:none}.photo-loading-line{animation:none}}
@media print{.side-caption,.model-control-panel,.night-sky,.night-caption,.stage-tools{display:none!important}.photo-dialog{display:none!important}.model-note-brief{display:block;padding-block:20px}}
/* Readability is calibrated per element, including old long-form text colours. */
body{transition:background-color .24s}
html[data-theme=night] .lead-story>p:not(.lead),html[data-theme=night] .flow-intro p:not(.serif),html[data-theme=night] .engineering-bottom,html[data-theme=night] .impact>div+div,html[data-theme=night] .visit-section p{color:var(--muted)}
html[data-theme=night] .brand,html[data-theme=night] .nav-link:not(.active),html[data-theme=night] .header-home{color:var(--ink)}
html[data-theme=night] .nav-link:hover,html[data-theme=night] .header-home:hover{color:var(--accent)}
html[data-theme=night] .hotspot{background:transparent;border:0;color:#bdd1c4}
html[data-theme=night] .hotspot::before{background:rgba(27,39,44,.91);border-color:rgba(165,191,175,.58)}
html[data-theme=night] .hotspot:hover,html[data-theme=night] .hotspot:focus-visible{background:transparent;color:var(--paper)}
html[data-theme=night] .hotspot:hover::before,html[data-theme=night] .hotspot:focus-visible::before{background:var(--secondary)}
html[data-theme=night] .stage-inscription{display:none}
@media(max-width:700px){.stage-tools button,html[data-theme=night] .stage-tools button{background:transparent}.stage-tools button:hover,.stage-tools button:focus-visible{background:var(--control-surface)}}
.static-source-note{font-size:12px;line-height:2;padding-block:20px;color:var(--muted)}
.static-source-note a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}
.viewer:fullscreen .model-control-panel,.viewer.immersive .model-control-panel{flex-shrink:0}