:root{color-scheme:dark;--bg:#07131c;--panel:#0e202a;--line:#27414d;--ink:#eef4f5;--soft:#b7cbd1;--mint:#afe5d7;--blue:#a9d2ff;--gold:#ffd18b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:var(--mint)}button,select,input{font:inherit;color:inherit}button,select{border:1px solid #53717c;border-radius:10px;background:#132a35;padding:.7rem .9rem}button{cursor:pointer}button:hover,select:hover{border-color:var(--mint)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-10000px;top:0;background:#fff;color:#000;padding:1rem;z-index:5}.skip:focus{left:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem max(1rem,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:var(--ink)}.brand span{display:grid;line-height:1.2}.brand small{color:var(--soft);font-size:.78rem}.back-link{font-size:.95rem}main{max-width:1000px;margin:0 auto;padding:clamp(1rem,4vw,3rem)}.intro{max-width:800px;margin:0 auto 1.6rem}.eyebrow{font-size:.78rem;letter-spacing:.13em;color:var(--mint);font-weight:700}.intro h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.04em;line-height:1.05;margin:.3rem 0}.drug-meta{color:var(--soft);margin:.8rem 0 1.4rem}.settings{display:flex;gap:1rem;flex-wrap:wrap}.settings label{display:grid;gap:.35rem;font-size:.92rem;color:var(--soft)}.settings select{min-width:210px}.player,.transcript-wrap,.evidence{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:clamp(1rem,3vw,2rem);margin:1.2rem 0}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.controls #play{background:var(--mint);color:#0a262a;font-weight:700;border-color:var(--mint);padding:.85rem 1.3rem}.duration{margin-left:auto;color:var(--soft);font-variant-numeric:tabular-nums}#status{color:var(--soft);min-height:1.6em;margin:.6rem 0}.mechanism{margin:1rem 0 0;background:radial-gradient(ellipse at 50% 100%,#14333e 0,#0a1820 65%);border:1px solid #25424d;border-radius:16px;overflow:hidden}.figure-title{color:var(--soft);font-size:.85rem;padding:1rem 1rem 0}.mechanism svg{display:block;width:min(100%,900px);height:auto;min-height:210px;margin:auto}.node rect{fill:#142b36;stroke:#496673;stroke-width:2;transition:fill .3s,stroke .3s,filter .3s}.node text{fill:var(--ink);font-size:17px;text-anchor:middle;font-weight:600}.node .small{fill:var(--soft);font-size:12px;font-weight:400}.node.active rect{fill:#214940;stroke:var(--mint);filter:drop-shadow(0 0 9px #78d9c355)}.node.active text{fill:#ddfff4}.path-line{stroke:#587785;stroke-width:3;fill:none}.path-dot{fill:var(--blue);filter:drop-shadow(0 0 7px #a9d2ff77)}.subtitle{border-top:1px solid var(--line);padding:1rem 1.3rem 1.3rem;min-height:115px}.subtitle h2{font-size:1.12rem;color:var(--mint);margin:0 0 .35rem}.subtitle p{font-size:clamp(1rem,2.2vw,1.28rem);line-height:1.55;margin:0;max-width:75ch}.scrub-label{display:block;font-weight:600;margin:1.1rem 0 .35rem}#timeline{width:100%;accent-color:var(--mint)}.scrub-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.scrub-meta span{margin-right:auto;color:var(--soft)}.scrub-meta button{padding:.45rem .7rem}.voice-note{color:#a9c0c7;font-size:.9rem;margin:.9rem 0 0}.transcript-wrap h2,.evidence h2{font-size:1.45rem;margin:.1rem 0}.transcript-wrap>p{color:var(--soft);margin:.2rem 0 1rem}.chapter-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.chapter-nav button{font-size:.88rem;padding:.45rem .7rem}.chapter-nav button[aria-current=true]{border-color:var(--mint);color:var(--mint)}.transcript{max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:.3rem 1rem;scroll-behavior:smooth}.transcript section{padding:.7rem 0;border-bottom:1px solid #203641}.transcript section:last-child{border:0}.transcript h3{font-size:1rem;color:var(--mint);margin:.2rem 0}.transcript p{margin:.3rem 0;padding:.2rem .35rem;border-radius:5px;color:#d2dfe2;cursor:pointer}.transcript p[aria-current=true]{background:#17303a;color:white}.evidence>div{display:grid;gap:.7rem}.evidence a{font-weight:600}.evidence p{color:var(--soft)}.disclaimer{border-left:3px solid var(--gold);padding:.8rem 1rem;color:#d5dde0;font-size:.93rem;margin:1.5rem 0}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.5rem max(1rem,calc((100vw - 1000px)/2));color:var(--soft);font-size:.9rem}@media(max-width:600px){.process{grid-template-columns:repeat(2,minmax(0,1fr))}.process-node:nth-child(3n+1):not(:last-child)::after,.process-node:nth-child(3n+2):not(:last-child)::after{content:none}.topbar{padding:.8rem 1rem}.brand strong{font-size:.88rem}.brand img{width:34px}.back-link{font-size:.83rem}.settings{display:grid;grid-template-columns:1fr 1fr}.settings select{min-width:0;width:100%}.duration{width:100%;margin-left:0}.mechanism svg{min-height:190px}.scrub-meta{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.process-node{position:relative;transition:transform .35s ease,border-color .35s ease,background .35s ease}.process-node.active{transform:translateY(-2px);box-shadow:0 0 0 2px #afe5d766;background:#1c3c41}.node-number{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#203b45;color:var(--mint);font-variant-numeric:tabular-nums}.process-node strong{margin-left:.65rem}.process-node.active .node-number{background:var(--mint);color:#0a262a}

@keyframes step-arrive{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.process-node.active{animation:step-arrive .42s ease-out both}@media(prefers-reduced-motion:reduce){.process-node,.process-node.active{animation:none;transform:none}}

.scene-card{margin:16px auto;padding:18px;max-width:960px;border:1px solid #496874;border-radius:14px;background:linear-gradient(145deg,#102432,#183943);color:#eaf3f5}.scene-card h3{margin:0 0 8px;font-size:20px}.scene-action,.scene-alt,.scene-limit{line-height:1.55;color:#c7dbe0}.pathway-visual{display:block;width:100%;height:auto;min-height:130px;margin:12px 0}.scene-focus{filter:drop-shadow(0 0 12px #56cdaa)}.scene-limit{border-left:3px solid #e5c372;padding-left:10px;font-size:14px}@media(max-width:600px){.scene-card{padding:12px}.pathway-visual{min-height:95px}.scene-card h3{font-size:18px}}

.pathway-visual rect.scene-focus{transform-box:fill-box;transform-origin:center;animation:scene-zoom .8s cubic-bezier(.2,.7,.2,1)}@keyframes scene-zoom{0%{transform:scale(.92);opacity:.72}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.pathway-visual rect.scene-focus{animation:none}}
/* Narration-linked mechanism scenes: the player owns motion, so pause stops every visual. */
.scene-card{background:linear-gradient(145deg,#102432,#112f38);margin:1rem;border-color:#37545f;padding:1rem}.scene-card h3{font-size:1.05rem;color:var(--mint)}.scene-action{font-size:.95rem;margin:.35rem 0}.mechanism .mechanism-canvas{width:100%;min-height:0;max-height:450px}.visual-legend{font-size:.8rem;color:var(--soft);border-top:1px solid var(--line);padding-top:.6rem}.scene-alt{font-size:.85rem}.scene-limit{font-size:.85rem}.transcript-sentence{display:block;text-align:left;width:100%;background:transparent;color:#d2dfe2;border:1px solid transparent;border-radius:6px;padding:.4rem .5rem;margin:.25rem 0;font-size:1rem;line-height:1.6}.transcript-sentence:hover{background:#142f39}.transcript-sentence[aria-current=true]{background:#173c43;border-color:#6daa9d;color:#fff}.transcript section>a{display:inline-block;margin:.4rem .5rem;font-size:.85rem}button:disabled{cursor:default;opacity:.45}#sentence-progress{display:block;width:100%;height:5px;border:0;accent-color:var(--mint);margin:.5rem 0 1rem}#sentence-progress::-webkit-progress-bar{background:#23404b}#sentence-progress::-webkit-progress-value{background:var(--mint)}@media(max-width:600px){.scene-card{margin:.7rem;padding:.7rem}.scene-card h3{font-size:1rem}.visual-legend{font-size:.76rem}.scene-limit{font-size:.83rem}.topbar{gap:.6rem}.back-link{max-width:6rem;text-align:right}.mechanism-canvas text{font-weight:500}}
.mechanism-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#6bada0 #15313a;scrollbar-width:thin}.mechanism .mechanism-canvas{min-width:540px}.diagram-scroll-hint{display:none;font-size:.8rem;color:var(--mint);margin:.2rem 0}.subtitle .active-source{font-size:.82rem;line-height:1.5;margin-top:.8rem}.active-source:empty{display:none}@media(max-width:700px){.diagram-scroll-hint{display:block}.mechanism .mechanism-canvas{max-height:none}}
[hidden]{display:none!important}
.below-controls{display:flex;align-items:end;margin:1rem 0 .25rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:#0b1a22}.below-perspective-label{display:grid;gap:.3rem;margin-right:auto;color:var(--soft);font-size:.9rem}.below-perspective-label select{min-width:220px}.below-controls button{min-height:44px}.below-controls #play-below{background:var(--mint);color:#0a262a;font-weight:700;border-color:var(--mint)}@media(max-width:600px){.below-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.below-perspective-label{grid-column:1/-1;margin:0}.below-perspective-label select{width:100%;min-width:0}.below-controls button{width:100%}}