@font-face{font-family:Montserrat;src:url('./assets/fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Playfair Display';src:url('./assets/fonts/playfair-display-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#e7ded1;--muted:#b5c2b8;--gold:#c9a96b;--line:#c9a96b40;--green:#071c17;--jade:#81bda2;--lavender:#b5a5d4;font:16px/1.7 Montserrat,system-ui,sans-serif;background:var(--green);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,summary{cursor:pointer}button{background:none;border:1px solid var(--line);color:inherit;min-height:44px;padding:9px 14px}button:hover,a:hover{color:var(--gold)}button[aria-pressed=true],button[aria-current=step]{border-color:var(--gold);background:#c9a96b16;color:#ead4ac}button:disabled{opacity:.38;cursor:default}input,select{max-width:100%;min-height:46px;padding:9px 12px;background:#102a22;color:var(--ink);border:1px solid #789282}label{display:block;font-size:.83rem;color:var(--muted)}label input,label select{display:block;margin-top:6px;width:100%}a{color:inherit;text-underline-offset:5px}p{margin:.6em 0 1em}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.13;margin:.3em 0 .6em}h1{font-size:clamp(2.8rem,5.4vw,5.8rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,3vw,3.2rem)}h3{font-size:2rem}h4{font-size:1.5rem}em{color:var(--gold);font-weight:400}small{font-size:.78rem;line-height:1.6;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-90px;z-index:20;background:var(--ink);color:var(--green);padding:12px}.skip:focus{top:10px}.masthead{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:1.5rem 'Playfair Display',Georgia,serif}.brand img{object-fit:contain}.brand small{display:block;font:9px/2 Montserrat,sans-serif;letter-spacing:.13em}.masthead>a:last-child{font-size:.82rem;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:20px}.edition{display:flex;justify-content:space-between;gap:20px;padding:18px 5%;font-size:.67rem;letter-spacing:.1em;color:var(--muted)}.edition p{margin:0}.edition a{text-decoration:none;letter-spacing:0}.experience{padding:14px 5% 50px;max-width:1920px;margin:auto}.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.kicker{font-size:.67rem;color:var(--gold);letter-spacing:.13em}.modes{display:flex;gap:4px;margin-bottom:18px}.modes button{font-size:.8rem;border-color:transparent}.modes button[aria-pressed=true]{border-bottom-color:var(--gold)}.passage-nav{display:flex;border-bottom:1px solid var(--line);gap:18px;overflow-x:auto;scrollbar-width:thin;padding:0 0 10px;margin:15px 0 25px}.passage-nav button{white-space:nowrap;border:none;border-bottom:1px solid transparent;font-size:.78rem;padding:8px 0}.passage-nav button[aria-current=step]{background:none;border-bottom-color:var(--gold)}.passage-nav span{font-size:.64rem;margin-right:8px;color:var(--gold)}.study-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:clamp(24px,4vw,65px);align-items:start}.visual-study{position:sticky;top:12px;background:#04110e;border:1px solid #c9a96b30;overflow:hidden}.scene-heading{position:absolute;top:24px;left:28px;right:28px;z-index:1;pointer-events:none}.scene-heading>span{font-size:.6rem;letter-spacing:.12em;color:var(--gold)}.scene-heading h2{font-size:clamp(1.6rem,2.2vw,2.5rem);margin-top:8px;max-width:18ch}.scene-host{position:relative;height:clamp(480px,58vw,680px);width:100%;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#18392e80,transparent 65%)}#ecs-canvas{width:100%;height:100%;display:block;touch-action:pan-y}#intro-emblem{position:absolute;inset:20% 20% 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;pointer-events:none}#intro-emblem img{width:clamp(125px,17vw,220px);height:auto;filter:drop-shadow(0 18px 45px #0009)}#intro-emblem span{text-align:center;font-size:.65rem;letter-spacing:.17em;color:var(--gold)}.scene-footer{padding:14px 22px;border-top:1px solid #c9a96b28;background:#071c17eb}.scene-footer>p{font-size:.7rem;color:var(--muted);line-height:1.6;min-height:2.5em;margin:0 0 10px}.view-tools{display:flex;gap:5px;flex-wrap:wrap}.view-tools button{font-size:.7rem;padding:5px 12px;min-width:44px}.render-status{font-size:.68rem;color:var(--muted);padding:0 22px;min-height:0;margin:5px 0 12px}.render-status:empty{display:none}.reading{min-width:0;padding:14px 0 0;scroll-margin-top:20px}.reading p{font-size:.92rem;line-height:1.8}.reading h2{font-size:clamp(2rem,2.7vw,3rem)}.reading .lead{font-size:1.05rem;line-height:1.75}.note{padding:16px 0;border-top:1px solid var(--line);font-size:.79rem!important;color:var(--muted)}.eyeline{font-size:.65rem!important;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.selection-row{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.selection-row button{font-size:.78rem}.reading details{border-top:1px solid var(--line);padding:15px 0}.reading summary{font-size:.84rem;padding:2px 0;min-height:32px}.source-ref{font-size:.78rem;padding:12px 0;border-bottom:1px solid #c9a96b22}.source-ref a{display:block;line-height:1.5}.source-ref small{display:block;margin-top:5px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.data-grid>div{border-bottom:1px solid var(--line);padding:8px 0}.data-grid dt{font-size:.63rem;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.data-grid dd{margin:5px 0;font-size:.8rem}.steps{counter-reset:step;list-style:none;padding:0;margin:20px 0}.steps li{padding:0;border-left:1px solid var(--line);margin-left:10px}.steps button{display:flex;width:100%;gap:12px;text-align:left;font-size:.79rem;border:none;min-height:50px}.steps button::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:.65rem;color:var(--gold);padding-top:3px}.steps button[aria-current=step]{background:#c9a96b12;border-left:2px solid var(--gold);margin-left:-1px}.step-detail{padding:15px 0}.step-detail p{font-size:.87rem}.primary-action{margin-top:10px;display:flex;justify-content:space-between;width:100%;text-align:left;border-color:var(--gold);padding:15px 18px}.compound-list{max-height:190px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding:10px 0 16px}.compound-list button{font-size:.75rem;padding:5px 10px;min-height:40px}.list-count{font-size:.73rem!important;color:var(--muted);margin-top:12px}.evidence-item{border-top:1px solid var(--line);padding:18px 0}.evidence-item h4{font-size:1.45rem}.evidence-item p{font-size:.81rem}.evidence-state{display:inline-block;font-size:.64rem;border:1px solid #82b09a88;color:#b2d5c4;padding:4px 8px;margin:5px 0}.evidence-state.negative{border-color:#b5a5d477;color:#c9bde1}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison>section{min-width:0}.comparison h4{font-size:1.25rem}.comparison p{font-size:.78rem}.molecule-stage{height:220px;position:relative;background:#03110d}.molecule-stage canvas{width:100%;height:100%}.molecule-flat{height:100%;display:grid;place-items:center}.molecule-flat svg{width:100%;height:100%;max-height:250px}.molecule-flat text{fill:var(--ink)}.model-footnote{font-size:.69rem!important;color:var(--muted)}.journey-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.journey-controls button{min-width:140px;border:none;font-size:.86rem;display:flex;gap:25px;justify-content:space-between}.journey-controls span{font-size:.74rem;color:var(--gold)}.utility{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:20px 0 0}.utility button,.utility a{border:0;font-size:.7rem;padding:10px 0;color:var(--muted)}#ui-status{font-size:.75rem;color:var(--gold)}.source-library{background:#e7ded1;color:#183a2e;padding:65px max(5%,calc((100% - 1300px)/2));scroll-margin-top:15px}.source-library h2{font-size:clamp(2rem,4vw,3.8rem);max-width:20ch}.source-library h3{margin-top:35px}.source-library em,.source-library .kicker{color:#775725}.source-library>p{max-width:80ch}.source-library details{border-top:1px solid #183a2e40;padding:18px 0}.source-library summary{font-family:'Playfair Display',serif;font-size:1.5rem}.source-library article{max-width:90ch;padding:10px 0}.source-library .source-ref{border-color:#183a2e40}.source-library small{color:#375344}.source-library .data-grid dt{color:#6b4e20}.source-library .data-grid>div{border-color:#183a2e40}.footer{display:flex;align-items:center;gap:24px;padding:45px 5%}.footer p{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;margin:0}.footer p span{font: .75rem Montserrat,sans-serif;color:var(--muted)}.footer>a{margin-left:auto;font-size:.77rem}.diagram-sheet{padding:125px 25px 25px;max-height:100%;overflow:auto}.diagram-sheet svg{width:100%;height:280px}.diagram-sheet text{fill:var(--ink);font:13px Montserrat,sans-serif}.diagram-sheet .diagram-line{stroke:var(--gold);fill:none;stroke-width:2}.diagram-sheet p{font-size:.8rem;color:var(--muted)}.diagram-sheet button{display:block;width:100%;font-size:.8rem;margin-bottom:7px}.research-mode .study-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.research-mode .scene-host{height:480px}
@media(max-width:1000px){.study-layout,.research-mode .study-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:25px}.scene-host{height:530px}.experience-heading{align-items:start}.modes{margin-top:14px}.masthead{padding:18px 4%}.experience{padding-left:4%;padding-right:4%}}
@media(max-width:760px){.masthead{padding:14px 5%}.brand{font-size:1.05rem;gap:8px}.brand small{font-size:6.5px}.brand img{width:28px}.masthead>a:last-child{font-size:.7rem;gap:8px;max-width:115px}.edition{font-size:.56rem;padding-top:14px}.edition>a{max-width:140px;text-align:right}.experience-heading{display:block}.experience{padding-top:12px;padding-left:5%;padding-right:5%}h1{font-size:3.2rem;margin-top:8px}.modes{margin:15px 0 5px}.modes button{flex:1}.passage-nav{gap:22px;margin-top:15px}.study-layout,.research-mode .study-layout{display:flex;flex-direction:column;gap:24px}.visual-study{position:relative;top:0;width:100%}.scene-host,.research-mode .scene-host{height:450px}.scene-heading{left:20px;top:20px}.scene-heading h2{font-size:1.9rem}.scene-footer{padding:14px}.reading{width:100%;padding-top:0}.reading h2{font-size:2.4rem}.reading p{font-size:.96rem}.scene-footer>p{font-size:.72rem}.view-tools{gap:5px}.view-tools button{padding:6px 10px}.journey-controls button{min-width:0;padding:9px 0;gap:8px}.utility{gap:22px}.source-library{padding:45px 5%}.source-library>p{font-size:.9rem}.footer{flex-wrap:wrap;gap:17px}.footer p{font-size:1.2rem}.footer>a{margin-left:53px}.comparison{gap:10px}.molecule-stage{height:180px}.data-grid{gap:15px}.diagram-sheet{padding-top:120px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .18s,color .18s,border-color .18s}#intro-emblem img{animation:breathe 9s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-8px)}}.reading.arrive{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}body.motion-off #intro-emblem img{animation:none}body.motion-off .reading{animation:none}
@media print{.masthead,.edition,.experience,.footer{display:none!important}.source-library{background:white;color:black;padding:0}.source-library details>*{display:block!important}.source-library details{break-inside:avoid}.source-library summary{font-size:18pt}.source-library a{color:black}body{background:white;color:black;font:11pt/1.5 Georgia,serif}.source-library small{color:#333}h2{font-size:24pt}}

/* Keep anatomical and structural silhouettes clear of editorial headings. */
.scene-heading{position:relative;top:auto;left:auto;right:auto;padding:22px 26px 0}.scene-heading h2{max-width:25ch;margin-bottom:0}.scene-host{height:clamp(390px,43vw,560px)}.diagram-sheet{padding-top:30px}.research-mode .scene-host{height:430px}@media(max-width:760px){.scene-heading{padding:20px 20px 0}.scene-heading h2{font-size:1.8rem}.scene-host,.research-mode .scene-host{height:400px}.diagram-sheet{padding-top:25px}.comparison{grid-template-columns:1fr}.molecule-stage{height:240px}}

.mode-description{font-size:.78rem;color:var(--muted);margin:0 0 12px;max-width:75ch}.visual-study .render-status{overflow-wrap:anywhere}.reading a,.source-library a{overflow-wrap:anywhere}.comparison .data-grid{grid-template-columns:1fr}
/* Connected scientific inspection: controls sit beside the scene they change. */
.scene-companion{padding:22px 26px 24px;border-top:1px solid #c9a96b40;background:#0b241ed9}
.study-scale{color:#c9a96b;font-size:.76rem;letter-spacing:.055em;margin:0 0 15px;text-transform:uppercase}
.tissue-map-controls{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.tissue-map-controls button{min-height:44px;padding:8px 11px;font-size:.77rem;border-radius:3px}
.tissue-map-controls button[aria-pressed=true]{background:#c9a96b;color:#10271e;border-color:#c9a96b}
.scene-current h3{font:500 clamp(1.4rem,2vw,1.8rem)/1.2 'Playfair Display',serif;margin:0 0 10px;color:#e7ded1}
.scene-current p{font-size:.88rem;line-height:1.65;margin:0;max-width:60ch}
.scene-evidence{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-top:16px}
.scene-evidence a,.scene-follow{font-size:.78rem;color:#e5c98c;line-height:1.5;min-height:44px;display:inline-flex;align-items:center}
.scene-follow{background:transparent;border:0;border-bottom:1px solid #c9a96b70;padding:5px 0;text-align:left}
.scene-limit{font-size:.75rem;line-height:1.6;color:#bfcac3;margin:15px 0 0;max-width:72ch}
.stage-scrub{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #c9a96b30}
.stage-scrub label{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:#e7ded1}
.stage-scrub input{accent-color:#c9a96b;width:100%;min-height:44px;padding:0;margin:5px 0;cursor:pointer}
.stage-scrub>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stage-scrub>div span{font-size:.75rem;line-height:1.5;color:#bdc9c1}
.stage-scrub button{min-width:44px;min-height:44px;padding:6px}
.scene-handoff{padding:17px 26px;font-size:.78rem;line-height:1.65;color:#d5c5a8;border-top:1px solid #c9a96b26;margin:0}
.scene-host[data-view=body]{background:radial-gradient(ellipse at 50% 42%,#254d3d61,transparent 67%)}
.active-lipid-step{border-left:2px solid #c9a96b;padding-left:18px}
.visual-study{position:relative;top:auto}
.tissue-options{margin:0 0 16px;padding:0;border:0}.tissue-options summary{min-height:44px;padding:9px 0;font-size:.85rem}.tissue-options .tissue-map-controls{margin:10px 0 0}
.scene-evidence>button[aria-pressed]{min-height:44px;padding:8px 12px;font-size:.78rem}
.visual-play{position:absolute;bottom:14px;right:14px;min-height:44px;padding:10px 14px;background:#0b241ef2;border:1px solid #c9a96b9c;color:#eadab8;z-index:2;font-size:.78rem}
.visual-play[hidden]{display:none}
@media(max-width:760px){.scene-companion{padding:20px 18px}.scene-handoff{padding:16px 18px}.tissue-map-controls button{font-size:.76rem}.scene-current p{font-size:.9rem}.scene-host[data-view=body]{height:430px}.stage-scrub>div span{max-width:23ch}}
@media print{.tissue-map-controls,.stage-scrub,.scene-evidence,.scene-handoff{display:none}.scene-companion{color:#111;background:none;border-color:#999}.scene-current h3,.scene-current p,.scene-limit,.study-scale{color:#111}}
/* A question, a study, an explanation: one readable route through the atlas. */
.experience-heading h1{font-size:clamp(2.1rem,3.3vw,3.4rem);line-height:1.12;margin:0}
.experience-heading .kicker{margin:0 0 10px}.modes{gap:6px}.modes button{font-size:.82rem;min-height:46px}
body[data-view=intro] .experience-heading h1{font-size:clamp(3.2rem,5.8vw,6rem)}
.passage-nav{gap:10px;overflow:auto;scrollbar-width:thin;padding:6px 0 14px;margin:16px 0 24px;flex-wrap:nowrap}
.passage-nav button{font-size:.83rem;min-height:48px;padding:10px 13px;white-space:nowrap;flex-shrink:0}.passage-nav button span{font-size:.7rem;margin-right:9px}
.atlas-orientation{border-top:1px solid var(--line);margin:0 0 22px;padding:24px 0 0}
.learning-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.learning-heading h2{font-size:clamp(1.8rem,2.8vw,2.7rem);max-width:30ch;margin:6px 0 16px;line-height:1.22}
.learning-answer{font-size:1rem;line-height:1.75;max-width:72ch}.learning-heading aside{padding:6px 0 0 24px;border-left:1px solid var(--line)}
.learning-scale{color:#e2c384;font-size:.78rem;line-height:1.55;margin:0 0 14px}.selection-context{font-size:.86rem;line-height:1.7;color:#d4ddd3}
.learning-next{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--gold);font-size:.9rem;color:#f0d69c;text-decoration:none}
.next-reason{font-size:.8rem;line-height:1.65;color:#bfcfc6;margin:12px 0}.current-context{font-size:.82rem;line-height:1.7;padding:0 0 12px}.current-context summary{min-height:36px}
.learning-depth{display:flex;gap:24px;align-items:start;flex-wrap:wrap;font-size:.84rem;border-top:1px solid #c9a96b25;padding-top:8px;margin-top:12px}
.learning-depth>details{flex:1;min-width:240px}.learning-depth summary{min-height:44px;padding:10px 0;color:#d5c7aa}.learning-depth a{display:block;margin:12px 0;line-height:1.6}.learning-depth p{line-height:1.7}.learning-depth dl{margin:0}.learning-depth dl>div{margin:0 0 18px}.learning-depth dt{color:#f0d69c;font-weight:600}.learning-depth dd{margin:5px 0 0;line-height:1.7;color:#d0dbd0}
.bio-waypoints{position:sticky;top:0;z-index:5;display:flex;gap:16px 28px;flex-wrap:wrap;background:#071c17f5;border-block:1px solid var(--line);margin:0 0 24px;padding:8px 0;backdrop-filter:blur(12px)}
.bio-waypoints a{display:flex;align-items:center;min-height:40px;font-size:.8rem;text-decoration:none;color:#d0dbd0}.bio-waypoints a:hover{color:#f0d69c}
#scene-title,#reading,#source-library{scroll-margin-top:78px}.scene-heading h2{max-width:24ch}.scene-companion .scene-current{line-height:1.65}
.biological-art{margin:0 0 30px;position:relative;border:1px solid var(--line);background:#071c17}.biological-art picture{display:block}.biological-art img{display:block;width:100%;height:clamp(230px,30vw,420px);object-fit:cover}.biological-art figcaption{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:16px 20px;font-size:.82rem;line-height:1.6;color:#d6dfd3}.biological-art figcaption details{max-width:50%}.biological-art figcaption summary{cursor:pointer;color:#e0c584}.biological-art figcaption p{margin:8px 0 0}
.mixture-choices{display:grid;grid-template-columns:1fr;gap:6px;margin:16px 0 22px}.mixture-choices button{text-align:left;display:flex;gap:14px;align-items:center;min-height:46px;padding:10px 12px;font-size:.86rem}.mixture-choices button>span{font-size:.7rem;color:#d6bd87}.mixture-choices button[aria-pressed=true]{border-color:#dcc18a;background:#c9a96b18;color:#f1dfb8}
.scene-companion .mixture-choices{grid-template-columns:1fr 1fr;margin-top:8px}.scene-companion .mixture-choices button{font-size:.76rem;line-height:1.5;min-height:48px}
.mixture-record{padding:24px 0 28px;border-top:1px solid var(--line);min-width:0}.mixture-record h3{font-size:clamp(1.65rem,2vw,2.1rem);line-height:1.24}.mixture-outcome{font-size:.82rem!important;line-height:1.6!important;padding:10px 12px;border-left:3px solid #bca3d3;background:#bca3d30c;color:#e0cee9}.mixture-outcome[data-outcome=positive]{border-color:#9bc7a7;background:#9bc7a70c;color:#c9e1c9}.mixture-outcome[data-outcome=mixed]{border-color:#a0bccf;background:#a0bccf0c;color:#ccdeeb}
.mixture-questions{margin:18px 0}.mixture-questions>div{padding:14px 0;border-bottom:1px solid #c9a96b22}.mixture-questions dt{font-size:.78rem;color:#e0c584}.mixture-questions dd{margin:7px 0 0;font-size:.94rem;line-height:1.8;max-width:70ch}.mixture-comparison.paired{display:grid;grid-template-columns:1fr;gap:24px}.mixture-record.secondary{padding-inline:18px;border:1px solid #a0bccf66}.comparison-boundary{font-size:.85rem!important;padding:14px;border-left:2px solid #a0bccf;color:#cfdeeb}.unmodeled-target{padding:22px;background:#c9a96b08;border:1px solid var(--line);margin:20px 0}.unmodeled-target h3{font-size:1.65rem}.unmodeled-target p{font-size:.94rem}
.reading p,.reading .evidence-item p{font-size:1rem;line-height:1.8}.reading .model-footnote,.reading .note{font-size:.84rem!important;line-height:1.7}.scene-footer>p{font-size:.8rem;line-height:1.65}.scene-heading>span{font-size:.72rem}.view-tools button{font-size:.8rem;min-height:44px}.source-ref{font-size:.87rem}.source-ref small{font-size:.78rem;line-height:1.65}
@media(min-width:1550px){.mixture-comparison.paired{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.study-layout,.research-mode .study-layout{grid-template-columns:minmax(0,1fr);gap:30px}.visual-study{width:100%;max-width:none}.scene-host,.research-mode .scene-host{height:490px}.learning-heading{grid-template-columns:1fr}.learning-heading aside{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.learning-heading h2{max-width:36ch}.learning-heading aside .next-reason{max-width:75ch}.scene-companion .mixture-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.experience-heading h1{font-size:2.1rem}.experience-heading .kicker{font-size:.62rem}.modes button{font-size:.8rem}.mode-description{font-size:.85rem}.learning-heading h2{font-size:1.9rem}.learning-answer{font-size:.96rem}.learning-heading{gap:10px}.atlas-orientation{padding-top:18px}.learning-depth{gap:4px}.learning-depth>details{min-width:100%}.bio-waypoints{gap:8px 16px;padding:5px 0}.bio-waypoints a{font-size:.73rem;min-height:40px}.scene-companion .mixture-choices{grid-template-columns:1fr 1fr}.scene-host,.research-mode .scene-host{height:440px}.biological-art figcaption{display:block;padding:14px}.biological-art figcaption details{max-width:none;margin-top:10px}.mixture-questions dd{font-size:.97rem}.mixture-record.secondary{padding-inline:14px}.learning-scale{font-size:.78rem}.passage-nav{margin-bottom:18px}}
@media print{.atlas-orientation,.bio-waypoints{display:none!important}}
#scene-title,#reading,#source-library{scroll-margin-top:100px}
.guided-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 30px;padding:22px 0 28px;border-bottom:1px solid var(--line);margin-bottom:28px}.guided-strip p{margin:0}.guided-strip>div:last-of-type{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guided-strip #guided-status{grid-column:1/-1;font-size:.8rem;color:var(--gold)}.guided-strip #guided-status:empty{display:none}.guided-strip #guided-note{font-size:.94rem;color:var(--muted);max-width:56ch}.guided-strip .eyeline{margin-bottom:5px}.study-context-art{margin:24px 0 0}.study-context-art picture{display:block;max-height:190px;overflow:hidden}.study-context-art img{aspect-ratio:3/1.5;object-fit:cover;width:100%;height:190px}.study-context-art figcaption{display:block;font-size:.78rem;padding:13px 15px}.study-context-art figcaption details{max-width:none;margin-top:10px}.measurement-layers{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 15px}.measurement-layers button{font-size:.84rem;min-height:48px;text-align:left}.measurement-boundary{border-left:2px solid var(--gold);padding:8px 0 8px 18px;font-size:.95rem!important}.measurement-legend{font-size:.83rem!important;color:var(--gold);padding:12px 0;border-block:1px solid var(--line)}.measurement-explorer .data-grid{grid-template-columns:1fr}.selected-measurement{padding:25px 0 20px;border-bottom:1px solid var(--line)}.selected-measurement>span{font-size:.85rem;color:var(--muted)}.selected-measurement h3{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0 15px;color:var(--gold)}.selected-measurement p,.selected-measurement a{overflow-wrap:anywhere}.measurement-empty{padding:22px 0}.measurement-empty h3{font-size:1.6rem}.measurement-table-scroll{overflow-x:auto;max-height:500px;overflow-y:auto}.measurement-table table{border-collapse:collapse;width:100%;font-size:.83rem;text-align:left;min-width:520px}.measurement-table caption{text-align:left;padding:18px 0;color:var(--muted)}.measurement-table th,.measurement-table td{border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:top}.measurement-table th:first-child{padding-left:0}.measurement-table th{font-weight:400}.measurement-table small{display:block;margin-top:5px}.measurement-table [aria-current=true]{background:#c9a96b12}.measurement-table button{font-size:.8rem}.measurement-companion{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:22px}.measurement-companion h3{margin-bottom:10px}.measurement-companion .measurement-number{font:2.3rem/1.2 'Playfair Display',serif;color:var(--gold);margin:10px 0}.measurement-companion>a{display:inline-block;font-size:.81rem;margin:8px 18px 0 0}.tissue-context-reading{margin-top:25px}.review-accounting{border-block:1px solid var(--line);padding:18px 0;margin:20px 0}.review-accounting p{margin:.5em 0;font-size:.85rem}.dossier-sections h5{font:1.1rem 'Playfair Display',serif;color:var(--gold);margin:23px 0 8px}.dossier-sections p,.dossier-sections li{font-size:.9rem;line-height:1.8}.experimental-condition{border:1px solid var(--line);padding:22px;margin:20px 0}.experimental-condition h4{font-size:1.4rem}.condition-components{padding:0;list-style:none}.condition-components li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}.condition-components small{display:block}.condition-status{font-size:.76rem!important;color:var(--gold)}.condition-choices{display:flex;flex-wrap:wrap;gap:8px;margin-block:15px}.condition-choices button{font-size:.8rem;text-align:left}.condition-missing{font-size:.85rem!important;color:var(--muted)}
@media(max-width:1000px){.learning-heading .study-context-art{max-width:580px}.study-context-art picture,.study-context-art img{height:180px}.guided-strip{gap:16px}.guided-strip>div:last-of-type{justify-content:flex-end}}
@media(max-width:600px){.guided-strip{grid-template-columns:1fr;padding-block:18px}.guided-strip>div:last-of-type{justify-content:flex-start}.guided-strip button{min-height:48px}.measurement-layers{display:grid;grid-template-columns:1fr}.measurement-layers button{font-size:.94rem}.experimental-condition{padding:17px}.study-context-art picture,.study-context-art img{height:160px}.measurement-explorer label{font-size:.9rem}}
/* The live study leads; contextual artwork keeps its full composition below
   the reading. Static source projections replace the former stick diagrams. */
.context-gallery{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.context-gallery .study-context-art{margin:0;max-width:none}
.context-gallery .study-context-art picture,.context-gallery .study-context-art img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}
.context-gallery .biological-art figcaption{display:block}
.context-gallery .biological-art figcaption details{max-width:none;margin-top:12px}
#ecs-diagram{position:absolute;inset:0;overflow:auto}
.reference-sheet{padding:20px;min-height:100%}
.source-reference-still{margin:0}
.source-reference-still img{display:block;width:100%;height:clamp(260px,30vw,360px);object-fit:contain}
.source-reference-still figcaption{font-size:.8rem;line-height:1.6;color:var(--muted);padding:12px 0}
.reference-sheet>p{font-size:.85rem;line-height:1.65}
@media(max-width:600px){.reference-sheet{padding:14px 14px 18px}.source-reference-still img{height:280px}.context-gallery{margin-top:24px}.context-gallery .biological-art img{height:auto}.scene-heading{left:20px;right:20px}.scene-heading h2{font-size:1.65rem}}
@media print{.guided-strip{display:none!important}.measurement-table-scroll{max-height:none;overflow:visible}.measurement-table table{min-width:0}.study-context-art{break-inside:avoid}}

.target-review-list{padding:0;list-style:none}.target-review-list>li{border-top:1px solid var(--line);padding:17px 0}.target-review-list>li>strong,.target-review-list>li>span{display:block}.target-review-list>li>span{font-size:.79rem;color:var(--gold);margin-top:5px}.target-review-list a{display:inline-block;margin:5px 12px 5px 0;font-size:.82rem}.search-query{overflow-wrap:anywhere;font-size:.8rem!important}.dossier-sections h5{font-size:1.25rem}.measurement-unit{display:block;font-size:.95rem;color:var(--muted);margin-top:10px}.measurement-statistics{font-size:.86rem;line-height:1.8}.measurement-statistics dt{color:var(--gold)}.measurement-statistics dd{margin:0 0 12px}
.study-motion{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0;margin-top:16px}
.study-motion button{flex:none;min-height:44px;border:1px solid var(--gold);padding:10px 16px;background:transparent;color:var(--gold);border-radius:4px}
.study-motion button[aria-pressed="true"]{background:var(--gold);color:var(--deep,#071b16)}
.study-motion button:disabled{opacity:.55;cursor:not-allowed}
.study-motion p{font-size:.82rem!important;line-height:1.55!important;margin:0!important;color:var(--muted)}
@media(max-width:600px){.study-motion{align-items:flex-start;flex-direction:column;gap:10px}}
@media print{.study-motion{display:none!important}}

/* One existing study, two reading distances. Expansion never adds a renderer
   or removes source reading; layout changes are immediate for motion comfort. */
.visual-study .scene-heading{left:auto;right:auto;padding-right:170px;min-height:110px}
.study-expand{position:absolute;right:18px;top:22px;z-index:2;background:#071c17eb;font-size:.76rem;max-width:145px}
.study-expanded .study-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.study-expanded .visual-study{position:relative;top:0}
.study-expanded .scene-host{height:clamp(680px,86svh,980px)}
.study-expanded #reading-content{max-width:960px;margin-inline:auto}
.study-expanded .scene-heading h2{font-size:clamp(1.8rem,3vw,3.2rem);max-width:25ch}
.guided-navigation{grid-column:1/-1;width:100%;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px}
.guided-navigation label{flex:1;max-width:620px;font-size:.8rem}
.guided-navigation>div,.guided-actions{display:flex;flex-wrap:wrap;gap:8px}
.guided-scene-controls{border-top:1px solid var(--line);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0a211a}
.guided-scene-controls>span{font-size:.82rem;line-height:1.5;color:var(--gold);max-width:36ch}
.guided-scene-controls>div{display:flex;gap:6px;flex-shrink:0}
.guided-scene-controls button{font-size:.76rem;min-width:44px}
.anatomy-inspection{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.anatomy-inspection>p{font-size:.8rem!important;line-height:1.65;color:var(--muted);max-width:70ch}
@media(max-width:760px){.study-expand{right:12px;top:18px;max-width:112px;font-size:.7rem;padding:8px}.visual-study .scene-heading{padding-right:136px;min-height:130px}.visual-study .scene-heading h2{font-size:1.65rem}.study-expanded .scene-host{height:clamp(480px,74svh,680px)}.guided-navigation,.guided-scene-controls{align-items:stretch;flex-direction:column}.guided-navigation>div{justify-content:space-between}.guided-scene-controls>div{justify-content:space-between}.guided-navigation label{max-width:none}}
@media print{.study-expand,.guided-navigation,.guided-scene-controls,.anatomy-inspection{display:none!important}.study-expanded .study-layout{display:block}}
.mode-description:empty{display:none}
.learning-depth>details:only-child{width:100%}
.learning-depth>details>dl{max-width:850px}
.learning-depth>details>p{max-width:80ch}
.sequence-reading{margin:14px 0}
.sequence-reading .steps{margin-block:12px}
.dataset-notes{font-size:.82rem}

/* The System Within: one study, a deliberate change of scale, a readable record.
   Scientific coordinates and values retain their original consumers. */
::selection{background:#c9a96b;color:#071c17}
*{scrollbar-color:#8e805c #0a221b;scrollbar-width:thin}
input{caret-color:var(--gold)}
input::placeholder{color:#b5c2b8;opacity:1}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.experience{max-width:1760px;padding-top:30px}
.experience-heading{align-items:center;padding-bottom:10px}
.experience-heading h1{font-size:clamp(2.6rem,4.6vw,4.8rem)}
body[data-view=intro] .experience-heading h1{font-size:clamp(3rem,5.4vw,5.7rem)}
.modes{margin:0;flex:none;border-bottom:1px solid var(--line)}
.modes button{padding:12px 10px}
.passage-nav{gap:clamp(8px,1.6vw,28px);margin-block:12px 0;padding-bottom:0}
.passage-nav button{padding:15px 2px;font-size:.88rem}
.passage-nav span{font-variant-numeric:tabular-nums}
.guided-strip{padding-block:20px;margin-bottom:0;gap:8px 26px}
.guided-title{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;color:var(--ink);margin-bottom:4px!important}
.guided-strip #guided-note{font-size:.85rem;line-height:1.6}
.guided-actions button{font-size:.83rem;padding-inline:18px;border-color:var(--gold)}
.atlas-orientation{border-top:0;margin-block:0 20px;padding-block:28px 0}
.learning-heading{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:40px}
.learning-heading h2{font-size:clamp(1.6rem,2.25vw,2.25rem);max-width:36ch;margin-block:0 12px}
.learning-answer{max-width:70ch;margin-bottom:10px}
.learning-scale{font-size:.84rem;line-height:1.6;letter-spacing:0;color:#c7cbbb;max-width:75ch;margin-bottom:0}
.learning-heading aside{padding-block:0}
.learning-next{padding-top:0}
.learning-depth{border:0;margin-top:10px;padding-top:0}
.learning-depth>details{max-width:100%}
.learning-depth summary{color:var(--gold);font-size:.82rem}
.learning-depth>details[open]{padding-bottom:16px;border-bottom:1px solid var(--line)}
.learning-depth dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 30px}
.learning-depth dd{font-size:.85rem}
body[data-view=intro] .atlas-orientation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0 38px;align-items:start;padding-block:30px}
body[data-view=intro] .atlas-orientation>.biological-art{grid-row:1/3;margin:0;border:0}
body[data-view=intro] .atlas-orientation>.biological-art img{height:auto;aspect-ratio:auto;object-fit:contain}
body[data-view=intro] .atlas-orientation>.biological-art figcaption{padding:12px 0;font-size:.75rem}
body[data-view=intro] .learning-heading{display:block}
body[data-view=intro] .learning-heading aside{border:0;padding:14px 0 0;max-width:420px}
body[data-view=intro] .learning-depth{grid-column:2}
.bio-waypoints{margin-bottom:26px;padding-block:7px;gap:12px 28px;backdrop-filter:none;background:#071c17}
.study-layout,.research-mode .study-layout{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:clamp(26px,3.5vw,58px)}
.reading{container:ecs-reading / inline-size;padding-top:3px}
.reading h2{font-size:clamp(2rem,2.7vw,2.75rem);line-height:1.18;margin-block:0 22px;text-wrap:balance}
.reading h3{line-height:1.22;text-wrap:balance}
.reading p,.reading li{max-width:72ch}
.reading details{margin-top:10px;padding-block:16px}
.reading summary{font-size:.92rem;line-height:1.6;min-height:44px;padding-block:9px;color:#e7ded1}
.reading summary::marker{color:var(--gold)}
.reading .lead{font-size:1.04rem;line-height:1.75}
.reading .note{font-size:.86rem!important;line-height:1.7;border-top:1px solid var(--line);padding-top:14px}
.visual-study{border-color:#6b785f70;background:#04110e}
.visual-study .scene-heading{padding-top:25px;min-height:100px}
.scene-heading h2{font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.2;margin:0}
.scene-host{height:clamp(450px,41vw,610px)}
.scene-footer{padding:18px 24px}
.scene-footer>p{line-height:1.65;max-width:78ch;margin-bottom:16px}
.view-tools{gap:7px}
.view-tools button{border-color:#7c876566}
.scene-companion{padding:22px 24px;background:#0b241e}
.scene-companion .study-scale{font-size:.79rem;letter-spacing:0;text-transform:none}
.scene-companion details summary{font-size:.88rem;min-height:44px;line-height:1.6;padding:8px 0;color:var(--gold)}
.anatomy-inspection{margin-top:12px;padding-top:10px}
.anatomy-inspection label{margin-block:10px 14px;font-size:.87rem}
.anatomy-inspection .study-motion{margin-bottom:0}
.scene-evidence{gap:8px 18px}
.scene-evidence button{font-size:.82rem}
.study-fields{min-width:0;border:0;border-block:1px solid #879a7859;padding:20px 18px 22px;margin:26px 0;background:#102b23}
.study-fields legend{padding:0 8px 0 0;font:1.1rem/1.5 'Playfair Display',Georgia,serif;color:#e1c691}
.study-fields>label+label{margin-top:18px}
.study-fields label,.comparison-choice,.record-choice{font-size:.88rem;line-height:1.55;color:#d2dbd0}
.study-fields input,.study-fields select,.comparison-choice select,.record-choice select{font-size:.94rem;background:#0b211b;border-color:#8b9f8e;min-height:48px;padding:11px 12px;line-height:1.5}
.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field-pair>label{min-width:0}
.field-pair+.selection-row,.field-pair+label{margin-top:18px}
.study-fields .selection-row{margin-top:0}
.study-fields .inspection-options{border-top:1px solid var(--line);padding-top:16px;margin:18px 0 0}
.study-fields .selection-row button{font-size:.85rem}
.study-fields .list-count{margin-bottom:0}
.text-control{border:0;border-bottom:1px solid var(--line);padding:8px 0;color:var(--gold);font-size:.85rem}
.measurement-fields .measurement-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:22px 0 12px}
.measurement-layers button{font-size:.78rem;line-height:1.5;padding:10px 8px;min-height:56px}
.measurement-fields .measurement-boundary{border:0;padding:0;margin-bottom:22px;font-size:.88rem!important;line-height:1.7;color:#d0dacf}
.measurement-legend{padding-block:0;border:0;margin:0 0 18px;color:#c4cdbd}
.selected-measurement{border-block:1px solid var(--line);margin-top:22px;padding:24px 0}
.selected-measurement>span{font-size:.9rem;color:var(--ink)}
.selected-measurement h3{font-size:2.8rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.selected-measurement .measurement-unit{font: .9rem/1.6 Montserrat,sans-serif}
.measurement-statistics{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.measurement-statistics dt{font-size:.8rem}.measurement-statistics dd{font-size:.9rem}
.measurement-empty{border-block:1px solid var(--line);padding-block:26px;margin-top:20px}
.scale-itinerary{counter-reset:scale;list-style:none;padding:0;margin:28px 0 30px}
.scale-itinerary li{border-top:1px solid var(--line)}
.scale-itinerary button{display:grid;grid-template-columns:30px 1fr;text-align:left;border:0;width:100%;padding:18px 0;gap:5px 14px}
.scale-itinerary button::before{counter-increment:scale;content:counter(scale,decimal-leading-zero);grid-row:1/3;color:var(--gold);font-size:.76rem;padding-top:5px;font-variant-numeric:tabular-nums}
.scale-itinerary strong{font:1.4rem/1.3 'Playfair Display',Georgia,serif;font-weight:400}
.scale-itinerary button>span{font-size:.86rem;color:var(--muted);line-height:1.6}
.step-detail{padding-top:18px;border-top:1px solid var(--line)}
.step-position{font-size:.8rem!important;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:8px}
.step-detail h3{font-size:clamp(1.7rem,2.2vw,2.3rem);margin-top:0}
.structure-record{padding-block:6px 10px}
.structure-record h3{font-size:2rem;margin-bottom:8px}
.structure-ligand strong{font-weight:500;color:#ead4ac}
.structure-record>a,.dossier-source-link{display:inline-block;padding-block:10px;font-size:.89rem;color:#e1c691}
.unmodeled-target{border:0;border-block:1px solid var(--line);background:none;padding:22px 0}
.compound-explorer .compound-search-fields{margin-bottom:12px}
.compound-explorer .constellation-options{margin-bottom:24px}
.comparison-choice{display:block;margin-block:20px 30px}
.compound-dossier{border-top:1px solid var(--gold);padding-top:28px;min-width:0}
.dossier-heading h3,.dossier-heading h4{font-size:clamp(2.2rem,3.3vw,3.25rem);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.15}
.dossier-heading>p{font-size:.85rem;color:#d4bc8e;margin:0 0 18px}
.dossier-identity{border-block:1px solid var(--line);margin-block:24px;padding-bottom:10px}
.dossier-identity .data-grid{margin-top:4px}
.dossier-identity .data-grid dt{text-transform:none;letter-spacing:0;font-size:.8rem}
.dossier-identity .data-grid dd{font-size:.93rem}
.dossier-identity .molecule-stage{height:290px;background:#03130e}
.dossier-findings{padding-top:10px}
.dossier-findings>h4{font-size:1.6rem;line-height:1.35}
.evidence-overview{margin-bottom:8px}
.evidence-state{font-size:.75rem;line-height:1.6;padding:6px 10px;border-color:#82b09a88}
.dossier-experiment summary{display:list-item}
.dossier-experiment summary>span:last-child{display:block;padding-left:14px;color:var(--muted);font-size:.8rem}
.dossier-experiment .evidence-item{border:0;padding-block:12px 0}
.dossier-experiment .evidence-item>h4,.dossier-experiment .evidence-item>.evidence-state{display:none}
.dossier-sections .review-accounting{background:none;padding-block:18px;border-top:1px solid var(--line)}
.dossier-sections h5{font-size:1.3rem;margin-top:28px}
.dossier-sections p,.dossier-sections li{font-size:.96rem}
.catalogue-scope{margin-top:30px!important}
.catalogue-scope .review-accounting{border:0;margin-top:0;padding-top:8px}
.comparison{grid-template-columns:1fr;gap:38px}
.comparison p{font-size:.95rem}
.comparison .dossier-heading h4{font-size:2.3rem}
.comparison-label{display:block;font:.8rem/1.7 Montserrat,sans-serif;color:#b8cfda;margin-bottom:12px}
.comparison-boundary{border:0;border-block:1px solid #89a8b356;padding:14px 0;background:none}
.mixture-record{padding-block:22px}
.mixture-record h3{font-size:clamp(1.7rem,2.3vw,2.25rem)}
.mixture-outcome,.mixture-outcome[data-outcome=positive],.mixture-outcome[data-outcome=mixed]{border:0;border-block:1px solid currentColor;background:none;padding:12px 0}
.mixture-questions dt{font-size:.86rem;line-height:1.5}
.mixture-questions dd{font-size:1rem;line-height:1.8;margin-top:8px}
.mixture-record.secondary{border:0;border-top:1px solid #89a8b366;padding-inline:0}
.condition-inspection>summary>span{display:block;color:var(--muted);font-size:.79rem}
.experimental-condition{border:0;border-block:1px solid var(--line);padding:22px 0;margin-block:20px}
.experimental-condition .eyeline{display:none}
.experimental-conditions>h3{font-size:1.75rem}
.experimental-conditions>label{font-size:.9rem;margin-top:20px}
.condition-components li{padding:14px 0;line-height:1.8}
.lipid-path ol{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr}
.lipid-path li{border-top:1px solid var(--line)}
.lipid-path button{width:100%;border:0;text-align:left;display:flex;align-items:center;gap:15px;font-size:.86rem;padding:12px 6px;line-height:1.6}
.lipid-path button span{font-size:.75rem;color:var(--gold);min-width:16px;font-variant-numeric:tabular-nums}
.active-lipid-step{border-left:0;padding-left:0;padding-top:22px}
.onward-reading>a{display:flex;margin-block:18px;min-height:44px;align-items:center;font-size:.9rem}
.journey-controls{margin-top:46px;padding-block:22px 0}
.utility{padding-top:15px}.utility a,.utility button{font-size:.8rem}
@container ecs-reading (max-width:440px){.field-pair,.measurement-statistics{grid-template-columns:1fr}.measurement-fields .measurement-layers{grid-template-columns:1fr}.measurement-layers button{min-height:44px;font-size:.87rem}.dossier-identity .data-grid{grid-template-columns:1fr 1fr}.dossier-identity .molecule-stage{height:255px}}
@media(min-width:1550px){.comparison{grid-template-columns:1fr 1fr;gap:24px}.comparison .dossier-heading h4{font-size:2rem}.comparison .data-grid{grid-template-columns:1fr}.comparison .molecule-stage{height:240px}}
@media(max-width:1100px){.study-layout,.research-mode .study-layout{grid-template-columns:minmax(0,1fr)}.reading{max-width:900px;width:100%;margin-inline:auto}.scene-host,.research-mode .scene-host{height:clamp(460px,65vw,650px)}.learning-heading{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:24px}.learning-heading aside{border-top:0;border-left:1px solid var(--line);padding:0 0 0 20px}.learning-depth dl{grid-template-columns:1fr 1fr}.study-fields{padding:22px}.reading h2{font-size:2.5rem}.comparison{grid-template-columns:1fr 1fr;gap:28px}.comparison .molecule-stage{height:250px}}
@media(max-width:760px){.experience{padding-top:22px}.experience-heading{display:block}.modes{margin-top:15px;width:max-content;max-width:100%}.guided-strip{grid-template-columns:1fr;padding-block:18px}.guided-strip>div:last-of-type{justify-content:flex-start}.guided-actions{margin-top:7px}.learning-heading,body[data-view=intro] .atlas-orientation{display:block}.learning-heading aside{border:0;padding:16px 0 0}.learning-heading h2{font-size:1.8rem}.learning-depth dl{grid-template-columns:1fr}.learning-answer{font-size:.96rem}.learning-scale{font-size:.8rem}.learning-next{font-size:.88rem}.atlas-orientation{padding-top:24px}body[data-view=intro] .atlas-orientation>.biological-art{margin-bottom:26px}.bio-waypoints{gap:6px 18px;padding-block:6px;margin-bottom:22px}.bio-waypoints a{font-size:.75rem}.reading h2{font-size:2.25rem}.reading h3{font-size:1.9rem}.visual-study .scene-heading{padding:22px 132px 0 20px;min-height:115px}.scene-heading h2{font-size:1.7rem}.scene-host,.research-mode .scene-host,.scene-host[data-view=body]{height:clamp(390px,80vw,520px)}.scene-footer,.scene-companion{padding:18px}.view-tools{gap:6px}.view-tools button{padding:7px 10px}.scene-evidence{gap:8px 14px}.study-fields{padding:18px 14px}.comparison{grid-template-columns:1fr}.field-pair{gap:16px}.passage-nav button{font-size:.84rem;padding:13px 3px}.measurement-layers button{font-size:.8rem}.reading summary{font-size:.9rem}.dossier-heading h3,.dossier-heading h4{font-size:2.45rem}.dossier-identity .molecule-stage{height:270px}.journey-controls button{min-width:110px;padding-inline:0;font-size:.85rem}.utility{gap:6px 20px}}
@media(max-width:390px){.brand{font-size:1.15rem}.brand img{width:28px}.masthead{gap:12px}.masthead>a:last-child{font-size:.73rem}.visual-study .scene-heading{padding-right:116px}.study-expand{max-width:98px}.scene-heading h2{font-size:1.55rem}.bio-waypoints{gap:4px 12px}.bio-waypoints a{font-size:.7rem}.scene-host,.scene-host[data-view=body]{height:390px}}
@media(prefers-reduced-motion:no-preference){body:not(.motion-off) .scale-itinerary button{transition:background .2s ease,color .2s ease}body:not(.motion-off) .scale-itinerary button:hover{background:#c9a96b0c}}
@media print{.experience{display:none!important}.source-library{background:white;color:black}}

.anatomy-projection{margin:0;width:100%;min-width:0}.anatomy-projection img{display:block;width:100%;max-width:100%;height:auto;max-height:560px;object-fit:contain}.anatomy-projection figcaption{font-size:.84rem;line-height:1.7;margin-top:14px;color:var(--stone)}

/* Living45: one explanation-depth selector, independent of guided playback.
   Original model surfaces, images and evidence remain the same at every depth. */
.mode-description{max-width:76ch;line-height:1.65;margin:12px 0 18px;color:var(--muted)}
.modes button{white-space:nowrap}
body[data-ecs-mode=explore] .study-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body[data-ecs-mode=explore] .visual-study{position:relative;top:0}
body[data-ecs-mode=explore] .scene-host{height:clamp(420px,51vw,720px)}
body[data-ecs-mode=explore] .reading{max-width:none;width:100%;padding-top:0}
.depth-reading{border-block:1px solid var(--line);padding:0 0 4px}
.depth-reading>summary{display:list-item;min-height:72px;padding:21px 8px;font-size:1rem;color:var(--ink)}
.depth-reading-hint{display:block;margin:6px 0 0;font-size:.84rem;line-height:1.5;color:var(--muted)}
.depth-reading-content{max-width:940px;margin-inline:auto;padding:24px 0 30px}
.depth-reading>summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body[data-ecs-mode=research] .study-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
body[data-ecs-mode=research] .scene-host{height:clamp(390px,37vw,530px)}
@media(min-width:1101px){body[data-ecs-mode=research] .visual-study{position:sticky;top:20px}body[data-ecs-mode=research] .study-expanded .study-layout{grid-template-columns:minmax(0,1fr)}body[data-ecs-mode=research] .study-expanded .visual-study{position:relative;top:0}}
@media(max-width:1100px){body[data-ecs-mode=research] .study-layout{grid-template-columns:minmax(0,1fr)}body[data-ecs-mode=explore] .scene-host,body[data-ecs-mode=research] .scene-host{height:clamp(410px,63vw,620px)}}
@media(max-width:760px){.modes{display:flex;width:100%;gap:0}.modes button{flex:1;min-width:0;padding-inline:8px}.mode-description{font-size:.88rem;line-height:1.6}.depth-reading>summary{min-height:76px}.depth-reading-content{padding-top:20px}body[data-ecs-mode=explore] .scene-host,body[data-ecs-mode=research] .scene-host{height:clamp(390px,80vw,520px)}}
@media(prefers-reduced-motion:reduce){.depth-reading,.depth-reading-content{animation:none;transition:none}}

/* Expanded inspection owns its height at every explanation depth. */
body[data-ecs-mode] .study-expanded .scene-host{height:clamp(680px,86svh,980px)}
@media(max-width:760px){body[data-ecs-mode] .study-expanded .scene-host{height:clamp(480px,74svh,680px)}}

/* Explore puts the original scene before its deeper orientation in DOM order. */
body[data-ecs-mode=explore] .guided-strip[data-guided-active=false] #guided-note{display:none}
body[data-ecs-mode=explore] .guided-strip{padding-block:14px;margin-bottom:14px}
body[data-ecs-mode=explore] .atlas-orientation{padding-top:28px;margin-top:12px;border-top:1px solid var(--line)}

/* The source-derived still owns the loading interval. No surrogate body is
   displayed while its exact three-dimensional reference is being admitted. */
.anatomy-loading-reference{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;margin:0;background:#071c17;pointer-events:none;overflow:hidden}
.anatomy-loading-reference[hidden]{display:none}
.anatomy-loading-reference img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}
.anatomy-loading-reference figcaption{box-sizing:border-box;width:100%;max-width:72ch;padding:10px 18px 14px;color:var(--stone);font-size:.82rem;line-height:1.5;text-align:center}
@media(max-width:760px){.anatomy-loading-reference figcaption{padding:8px 14px 12px;font-size:.8rem}}

/* Paper reading uses its own ink values, including inherited evidence notes.
   Long chemical names wrap without changing their canonical spelling. */
.source-library{--ink:#183a2e;--muted:#42584c;--gold:#73541f;--line:#183a2e40;overflow-wrap:anywhere}

/* Reserve the actual atlas shell before modules are ready. The source reading
   must not first paint at the top and then be pushed down by enhancement.
   Scripts disabled and print retain the original immediate reading flow. */
/* The title and substantive introduction are server-delivered reading, not a
   placeholder gated on science modules. They remain in place after enhancement. */
.ecs-opening95{max-width:1760px;margin:auto;padding:22px 5% 8px;display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:32px}
.ecs-opening95 h1{margin:0}
.ecs-opening95 p{max-width:65ch;margin:0 0 16px;font-size:1rem;line-height:1.75}
.ecs-opening95 .ecs-opening-note{font-size:.85rem;color:var(--muted)}
@media(max-width:760px){.ecs-opening95{display:block;padding-top:12px}.ecs-opening95 h1{margin-bottom:20px}}

/* Mobile orientation107: choose a passage before choosing explanation depth.
   All seven destinations remain visible without sideways navigation. */
@media(max-width:760px){
 body.museum77-enhanced>.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand menu' 'return return';gap:4px 12px;padding:14px 5%}
 body.museum77-enhanced>.masthead>.brand{grid-area:brand;min-width:0;margin:0;font-size:16px;gap:8px}
 body.museum77-enhanced>.masthead>#journey-return{grid-area:return;max-width:none;justify-self:start;font-size:11px}
 body.museum77-enhanced>.masthead>.museum-navigation77{grid-area:menu;margin:0;align-self:center}
 .edition{padding-block:10px 8px}
 .ecs-opening95 h1{font-size:clamp(2.35rem,10.5vw,3rem);line-height:1.1;margin-bottom:16px}
 .ecs-opening95 p{font-size:.95rem;line-height:1.65}
 .experience{padding-top:12px}
 .experience>.passage-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;overflow:visible;margin:0 0 16px;padding:0 0 12px}
 .experience>.passage-nav button{min-width:0;min-height:44px;white-space:normal;text-align:left;font-size:.8rem;line-height:1.45;padding:8px 6px}
 .experience>.passage-nav button span{margin-right:6px}
 .experience>.experience-heading .modes{margin-top:0}
 .experience>.mode-description{margin-top:6px}
}
.ecs-startup95{display:none}
@media screen and (scripting:enabled){
 #experience[hidden]{display:block!important;visibility:hidden;min-block-size:100svh}
 .ecs-startup95{display:block;position:absolute;z-index:1;left:5%;right:5%;padding-block:30px;max-width:40rem;color:var(--muted)}
 .ecs-startup95 p{margin-top:0}
 .ecs-startup95 a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ink)}
}