:root{color-scheme:dark;--bg:#050708;--panel:#0a0d0e;--soft:#101415;--text:#f3f5f2;--muted:#8f9996;--line:#252b2b;--cyan:#38e7ed;--green:#8cff4b;--hit:#00AB67;--pink:#ff43bd;--orange:#ff713d;--shadow:0 24px 80px #0008;--image-filter:none}
:root[data-theme=light]{color-scheme:light;--bg:#f3f4ef;--panel:#fff;--soft:#e8ebe5;--text:#0a0d0e;--muted:#56605d;--line:#c9ceca;--cyan:#007b83;--green:#387d13;--pink:#b70077;--orange:#c83a0b;--shadow:0 24px 70px #18201c1c;--image-filter:saturate(.88) contrast(1.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.6 Arial,Helvetica,sans-serif;transition:color .25s,background .25s}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#fff 0.6px,transparent .8px);background-size:19px 19px;opacity:.025}:root[data-theme=light] body:before{background-image:radial-gradient(#000 0.6px,transparent .8px);opacity:.035}a{color:inherit}.wrap{width:min(1280px,calc(100% - 3rem));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.7rem 1rem;color:var(--bg);background:var(--text)}.skip-link:focus{top:1rem}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;justify-self:start;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.brand span{width:16px;height:16px;border:2px solid var(--cyan);border-right-color:var(--pink);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 55%,transparent)}.nav nav{display:flex;gap:2.2rem}.nav nav a{color:var(--muted);font-size:.72rem;text-decoration:none}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--text)}.theme-toggle{display:flex;align-items:center;gap:.65rem;justify-self:end;padding:.5rem .7rem;border:1px solid var(--line);border-radius:99px;color:var(--text);background:transparent;cursor:pointer}.theme-toggle span{width:9px;height:9px;border-radius:50%;background:var(--text)}.theme-toggle b{font-size:.66rem;font-weight:700}.home-hero{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:760px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:6rem 0}.kicker,.section-index,.project-type{margin:0 0 1.25rem;color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}h1{margin:0;font-size:clamp(4.5rem,9.5vw,9rem);font-weight:300;letter-spacing:-.075em;line-height:.82}h1 em{color:var(--text);font-style:normal;text-shadow:0 0 36px color-mix(in srgb,var(--cyan) 27%,transparent)}.lead{max-width:590px;margin:2.1rem 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem)}.button{display:inline-flex;align-items:center;gap:2.7rem;padding:.75rem .9rem .75rem 1rem;border:1px solid var(--text);border-radius:99px;font-size:.7rem;font-weight:700;text-decoration:none}.button:hover{color:var(--bg);background:var(--text)}.organoid-visual{position:relative;width:120%;height:680px;margin:0 0 0 -12%;overflow:hidden}.organoid-visual img{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:var(--image-filter);mix-blend-mode:screen}.organoid-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 27%,transparent 85%,var(--bg) 100%)}.organoid-visual figcaption{position:absolute;right:8%;bottom:5%;z-index:2;color:var(--muted);font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.organoid-visual figcaption span{color:var(--cyan)}:root[data-theme=light] .organoid-visual img{mix-blend-mode:multiply}.about{display:grid;grid-template-columns:1fr 2.3fr;gap:4rem;padding-block:9rem;border-top:1px solid var(--line)}.about h2,.section-head h2{max-width:850px;margin:0 0 2rem;font-size:clamp(3rem,6vw,6rem);font-weight:300;letter-spacing:-.065em;line-height:.95}.about p:not(.section-index){max-width:760px;color:var(--muted);font-size:1.08rem}.research,.destination-section,.media-section{padding-block:8rem;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;margin-bottom:4rem}.section-head>p{max-width:470px;margin:0;color:var(--muted)}.project{display:grid;grid-template-columns:3rem 1fr auto;gap:2rem;align-items:center;padding:2.5rem 0;border-block:1px solid var(--line);text-decoration:none}.project:hover{padding-inline:1.5rem;background:var(--panel)}.project-number{align-self:start;color:var(--cyan);font-size:.65rem;letter-spacing:.15em}.project-body{display:grid;gap:.55rem}.project-body strong{font-size:clamp(2rem,4vw,4rem);font-weight:300;letter-spacing:-.04em;line-height:1}.project-body>span:last-child{color:var(--muted)}.project-arrow{color:var(--cyan);font-size:1.4rem}.resource-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:690px;overflow:hidden}.resource-hero>div{position:relative;z-index:2}.resource-hero h1,.detail-hero h1{font-size:clamp(4rem,8vw,8rem)}.resource-hero img{width:125%;height:620px;object-fit:cover;filter:var(--image-filter);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent)}:root[data-theme=light] .resource-hero img{mix-blend-mode:multiply}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.destination-card{position:relative;display:flex;min-height:480px;padding:2.4rem;flex-direction:column;background:var(--panel);text-decoration:none}.destination-card:hover{z-index:1;box-shadow:inset 0 0 0 1px var(--cyan),var(--shadow)}.destination-card .project-type{margin-top:auto}.destination-card strong{font-size:clamp(2.3rem,4vw,4rem);font-weight:300;letter-spacing:-.05em;line-height:.95}.destination-card>span:nth-last-of-type(1){max-width:470px;margin-top:1rem;color:var(--muted)}.destination-card b{margin-top:1.7rem;color:var(--cyan);font-size:.7rem}.destination-art{position:relative;display:block;height:190px;margin:1.5rem 0}.hgf-card .destination-art{display:flex;align-items:flex-end;justify-content:center;gap:9%}.hgf-card .destination-art i{width:13%;height:40%;background:var(--cyan);box-shadow:0 0 28px color-mix(in srgb,var(--cyan) 40%,transparent)}.hgf-card .destination-art i:nth-child(2){height:83%;background:var(--green)}.hgf-card .destination-art i:nth-child(3){height:60%;background:var(--pink)}.video-card .destination-art{border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at 62% 40%,color-mix(in srgb,var(--pink) 35%,transparent),transparent 22%),radial-gradient(circle at 40% 60%,color-mix(in srgb,var(--cyan) 35%,transparent),transparent 35%)}.video-card .destination-art i{position:absolute;left:50%;top:50%;width:62px;height:62px;border:1px solid var(--text);border-radius:50%;transform:translate(-50%,-50%)}.video-card .destination-art i:after{content:"";position:absolute;left:26px;top:20px;border-block:10px solid transparent;border-left:15px solid var(--text)}.detail-hero{padding:clamp(6rem,12vw,11rem) 0 8rem}.media-grid,.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.media-placeholder,.video-placeholder{padding:2rem;background:var(--panel)}.media-placeholder.wide{grid-column:1/-1}.media-placeholder>span{color:var(--cyan);font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.media-placeholder h3,.video-placeholder h3{margin:1.5rem 0 .45rem;font-size:2rem;font-weight:300;letter-spacing:-.04em}.media-placeholder p,.video-placeholder>p:last-child{margin:0;color:var(--muted)}.mini-chart{display:flex;align-items:end;gap:9%;height:200px;padding:2rem 10% 0;border-bottom:1px solid var(--line)}.mini-chart i{width:10%;height:35%;background:var(--cyan)}.mini-chart i:nth-child(2){height:60%}.mini-chart i:nth-child(3){height:82%;background:var(--green)}.mini-chart i:nth-child(4){height:70%;background:var(--pink)}.mini-chart i:nth-child(5){height:48%;background:var(--orange)}.image-well{display:grid;place-items:center;height:190px;margin-top:1rem;color:var(--cyan);background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 24%,transparent),transparent 55%);font-size:2rem}.text-lines{display:grid;gap:.75rem;height:190px;padding-top:4rem}.text-lines i{height:1px;background:var(--line)}.text-lines i:nth-child(2){width:84%}.text-lines i:nth-child(3){width:62%}.video-frame{display:grid;place-items:center;align-content:center;gap:.8rem;aspect-ratio:16/9;margin:-2rem -2rem 1.7rem;background:radial-gradient(circle at 60% 40%,#152c30,#050708 62%);color:white}.video-frame span{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border:1px solid #fff8;border-radius:50%}.video-frame small{color:#fff8}.update-note{margin-bottom:7rem;padding:1.4rem 1.6rem;border:1px solid var(--line);color:var(--muted);background:var(--panel)}.update-note strong{color:var(--text)}mark{padding:.15rem .45rem;border-radius:2rem;color:var(--bg);background:var(--green)}footer{display:flex;justify-content:space-between;padding:2.2rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}footer a{color:var(--cyan);text-decoration:none}
@media(max-width:820px){.wrap{width:min(100% - 1.5rem,1280px)}.nav{grid-template-columns:1fr auto}.nav nav{display:none}.home-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:6rem 0 1rem}.organoid-visual{width:120%;height:480px;margin-left:-10%}.about,.section-head,.resource-hero{grid-template-columns:1fr}.resource-hero{padding-top:6rem}.resource-hero img{width:120%;height:430px;margin-left:-10%}.destination-grid,.media-grid,.video-grid{grid-template-columns:1fr}.media-placeholder.wide{grid-column:auto}.project{grid-template-columns:2rem 1fr}.project-arrow{grid-column:2}.destination-card{min-height:430px}}
@media(max-width:480px){h1{font-size:clamp(4rem,21vw,6.3rem)}.about h2,.section-head h2{font-size:3rem}.organoid-visual{height:380px}.destination-card{padding:1.5rem}.theme-toggle b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dark-only interactive microscopy direction */
body{font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;font-weight:500}.nav{grid-template-columns:1fr auto}.nav nav{justify-self:end}h1,.about h2,.section-head h2,.project-body strong,.destination-card strong,.media-placeholder h3,.video-placeholder h3{font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;font-weight:800}.home-hero h1{font-size:clamp(4.5rem,9vw,8.7rem);letter-spacing:-.07em}.about h2,.section-head h2{letter-spacing:-.055em}.organoid-visual{position:relative;width:112%;height:680px;margin-left:-5%;overflow:visible;perspective:1100px}.orb-stage{position:absolute;inset:4% 1% 7%;display:grid;place-items:center;cursor:grab;touch-action:none;outline:none}.orb-stage:focus-visible{outline:1px solid var(--cyan);outline-offset:-8px}.orb-stage.is-dragging{cursor:grabbing}.orb-spinner{position:relative;width:min(90%,610px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(var(--tilt-y,0deg) + var(--turn,0deg)));transition:transform .18s ease-out;filter:drop-shadow(0 0 48px #00eaff2a)}.orb-spinner img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:orb-spin 42s linear infinite;user-select:none;-webkit-user-drag:none}.orb-stage.is-dragging .orb-spinner{transition:none}.orb-stage.is-dragging .orb-spinner img{animation-play-state:paused}.orb-ring{position:absolute;left:50%;top:50%;width:min(84%,570px);aspect-ratio:1;border:1px solid #38e7ed44;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotateX(71deg)}.ring-two{width:min(72%,490px);border-color:#ff43bd3b;transform:translate(-50%,-50%) rotateY(72deg)}.organoid-visual:after{display:none}.organoid-visual figcaption{right:5%;bottom:2%}.resource-hero .slow-orb{width:90%;height:auto;object-fit:contain;mix-blend-mode:screen;mask-image:none;animation:orb-spin 48s linear infinite;filter:drop-shadow(0 0 40px #38e7ed22)}@keyframes orb-spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.nav{grid-template-columns:1fr auto}.organoid-visual{width:110%;height:480px;margin-left:-5%}.orb-stage{inset:0}.resource-hero .slow-orb{width:100%;height:auto;margin:0}}
@media(prefers-reduced-motion:reduce){.orb-spinner img,.resource-hero .slow-orb{animation:none}}

/* Keep oversized multi-line titles distinct rather than overlapping. */
.detail-hero h1{line-height:.96;letter-spacing:-.06em}.resource-hero h1{line-height:.92}
@media(max-width:480px){.detail-hero h1,.resource-hero h1{line-height:1;letter-spacing:-.055em}}

.spheroid-canvas{display:block;width:min(92%,640px);height:auto;aspect-ratio:1;filter:drop-shadow(0 0 46px #38e7ed22);user-select:none}.resource-hero .slow-orb{animation:none}

/* HGF interactive data story */
.hgf-hero{min-height:690px;background:radial-gradient(circle at 78% 48%,#38e7ed18 0 5%,transparent 28%),radial-gradient(circle at 82% 51%,#ff43bd12,transparent 38%)}.hgf-hero .button span{color:var(--cyan)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button-secondary{border-color:var(--line);color:var(--muted)}.button-secondary:hover{border-color:var(--text);color:var(--bg)}
.population-section{padding-block:7rem;border-top:1px solid var(--line)}.population-head{margin-bottom:2rem}.population-key{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;margin-bottom:2rem;padding:1rem 1.2rem;border:1px solid var(--line);color:var(--muted);font-size:.72rem}.genotype-key,.dose-key{display:inline-flex;align-items:center;gap:.5rem}.genotype-key>i:first-child{width:18px;height:3px;background:#8b908e}.genotype-key.mutant>i:first-child{background:#f2a23a}.genotype-key>i:last-child{color:var(--text)}.genotype-key sup{font-size:.65em}.dose-key b{width:10px;height:10px;background:var(--key)}.population-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.population-card{min-width:0;padding:2rem;background:var(--panel)}.population-card h3{margin:.2rem 0;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;letter-spacing:-.04em;line-height:1}.population-wide{grid-column:1/-1}.comparison-chart{display:grid;gap:1.8rem;margin-top:2rem}.comparison-group{display:grid;grid-template-columns:8.8rem repeat(4,1fr);gap:.7rem;align-items:end}.comparison-genotype{align-self:center;color:var(--text);font-size:.78rem}.comparison-genotype sup{font-size:.65em}.comparison-bar-wrap{display:grid;grid-template-rows:1.4rem 180px 1.6rem;gap:.35rem;text-align:center}.comparison-value{color:var(--text);font-size:.72rem}.comparison-track{position:relative;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);background:linear-gradient(to top,var(--line) 1px,transparent 1px);background-size:100% 25%}.comparison-bar{width:min(52px,72%);min-height:1px;background:var(--bar);border-top:2px solid var(--geno);box-shadow:0 0 18px color-mix(in srgb,var(--bar) 22%,transparent)}.comparison-dose{color:var(--muted);font-size:.65rem}.category-comparison-key{display:flex;flex-wrap:wrap;gap:1rem;margin:1.6rem 0;color:var(--muted);font-size:.7rem}.category-comparison-key span{display:flex;align-items:center;gap:.4rem}.category-comparison-key i{width:10px;height:10px;background:#252a29}.category-comparison-key .cat-occasional{background:#4b6660}.category-comparison-key .cat-repeated{background:#168f78}.category-comparison-key .cat-frequent{background:#20d3a5}.population-categories{display:grid;gap:.75rem}.population-category-row{display:grid;grid-template-columns:12.5rem 1fr 3.8rem;gap:1rem;align-items:center}.population-category-label{font-size:.74rem}.population-category-label sup{font-size:.65em}.stacked-bar{display:flex;height:30px;background:#111}.stacked-bar i{height:100%}.stacked-bar .never{background:#252a29}.stacked-bar .occasional{background:#4b6660}.stacked-bar .repeated{background:#168f78}.stacked-bar .frequent{background:#20d3a5}.population-n{color:var(--muted);font-size:.68rem;text-align:right}.back-to-detail{display:inline-block;margin-top:2rem;color:var(--cyan);font-size:.72rem;text-decoration:none}
.hgf-explorer,.exploration-section,.method-section{padding-block:8rem;border-top:1px solid var(--line)}
.condition-bar{display:flex;flex-wrap:wrap;gap:1rem 3rem;padding:1.4rem;border:1px solid var(--line);background:#080b0c}.condition-bar fieldset{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;border:0}.condition-bar legend{float:left;width:100%;margin-bottom:.6rem;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.choice,.compact-control,.info-dot{border:1px solid var(--line);color:var(--muted);background:transparent;font:inherit;cursor:pointer}.choice{padding:.55rem .85rem;border-radius:99px;font-size:.72rem}.choice:hover,.choice.active{border-color:var(--cyan);color:var(--text);background:#38e7ed10;box-shadow:0 0 20px #38e7ed0c}.condition-readout{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:baseline;padding:1.4rem 0 2rem}.condition-readout span,.eyebrow{color:var(--cyan);font-size:.61rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.condition-readout strong{font-size:1.35rem}.condition-readout small{color:var(--muted)}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.data-card{min-width:0;padding:1.6rem;background:var(--panel)}.viewer-card{grid-row:span 2}.card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}.card-head h3{margin:.25rem 0 0;font-size:1.65rem;letter-spacing:-.035em}.compact-control{padding:.45rem .7rem;border-radius:99px;font-size:.65rem}.compact-control[aria-pressed=true]{border-color:var(--green);color:var(--green)}.info-dot{display:grid;flex:0 0 auto;place-items:center;width:25px;height:25px;border-radius:50%;font-size:.7rem}.frame-stage{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:#020303}.frame-stage img{width:100%;height:100%;object-fit:contain}.time-stamp{position:absolute;left:1rem;top:1rem;padding:.35rem .65rem;color:white;background:#050708cc;font-size:.72rem}.play-button{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;padding:0 0 0 3px;border:1px solid #fff9;border-radius:50%;color:#fff;background:#05070888;backdrop-filter:blur(5px);cursor:pointer}.scrubber{padding:1rem 0}.scrubber input{width:100%;accent-color:var(--green)}.scrubber>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem}.figure-note{margin:0;color:var(--muted);font-size:.78rem}.figure-note b{color:var(--green)}
.chart{min-height:260px}.chart.tall{min-height:350px}.chart svg{display:block;width:100%;height:auto;overflow:visible}.grid line{stroke:var(--line);stroke-width:1}.grid text{fill:var(--muted);font:12px "Trebuchet MS",sans-serif}.data-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hit{cursor:crosshair}.chart-caption{display:flex;justify-content:space-between;margin:.5rem 0 0;color:var(--text);font-size:.72rem}.chart-caption span{color:var(--muted)}.category-chart{display:grid;gap:1rem;padding:.8rem 0 1.5rem}.category-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.72rem}.category-row b{color:var(--muted)}.bar{height:8px;overflow:hidden;background:var(--soft)}.bar i{display:block;height:100%;box-shadow:0 0 14px currentColor;transition:width .45s ease}.chart-tooltip{position:fixed;z-index:50;max-width:280px;padding:.65rem .8rem;border:1px solid var(--line);color:var(--text);background:#0b0f0fee;box-shadow:var(--shadow);pointer-events:none;font-size:.7rem}.chart-tooltip b,.chart-tooltip span{display:block}.chart-tooltip span{color:var(--muted)}
.exploration-card{padding:2rem}.ring-key{display:flex;justify-content:flex-end;gap:1.3rem;color:var(--muted);font-size:.68rem}.ring-key span{display:flex;align-items:center;gap:.4rem}.ring-key i{width:18px;height:3px;background:var(--cyan)}.ring-key .middle{background:#ffd64a}.ring-key .outer{background:var(--pink)}
.method-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.method-section h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.06em}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.method-steps article{padding:1.5rem;background:var(--panel)}.method-steps span{color:var(--cyan);font-size:.62rem}.method-steps h3{margin:3rem 0 .7rem;font-size:1.2rem}.method-steps p{margin:0;color:var(--muted);font-size:.8rem}
@media(max-width:900px){.evidence-grid{grid-template-columns:1fr}.viewer-card{grid-row:auto}.method-section{grid-template-columns:1fr}.condition-readout{grid-template-columns:auto 1fr}.condition-readout small{grid-column:2}.chart{min-height:0}}
@media(max-width:600px){.hgf-explorer,.exploration-section,.method-section{padding-block:5rem}.condition-bar{padding:1rem}.condition-bar fieldset{width:100%}.choice{font-size:.66rem}.data-card{padding:1rem}.method-steps{grid-template-columns:1fr}.method-steps h3{margin-top:1.5rem}.ring-key{justify-content:flex-start;flex-wrap:wrap}.condition-readout strong{font-size:1rem}}
.organoid-picker{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--muted);font-size:.7rem}.organoid-picker select{min-width:185px;padding:.48rem 2rem .48rem .7rem;border:1px solid var(--line);border-radius:99px;color:var(--text);background:var(--soft);font:inherit}.play-button{padding:0}.play-button:before{content:"";width:0;height:0;margin-left:4px;border-block:9px solid transparent;border-left:14px solid white}.play-button.is-playing:before{width:15px;height:18px;margin-left:0;border:0;background:linear-gradient(90deg,#fff 0 5px,transparent 5px 10px,#fff 10px 15px)}
@media(max-width:600px){.organoid-picker{align-items:flex-start;flex-direction:column}.organoid-picker select{width:100%}}

/* Compact linked HGF dashboard */
.hgf-hero{min-height:440px;padding-block:6rem 5rem}.hgf-explorer{padding-block:1.5rem 5rem}.choice[data-genotype="WT"].active{border-color:#8b908e;box-shadow:0 0 18px #8b908e22}.choice[data-genotype="H1047R"].active{border-color:#f2a23a;color:#f2a23a;background:#f2a23a0d;box-shadow:0 0 18px #f2a23a22}.choice[data-genotype] i,.condition-readout i{font-style:italic}.choice sup,.condition-readout sup{margin-left:.08em;font-size:.62em;line-height:0}.condition-readout strong[data-genotype="WT"]{text-decoration-color:#8b908e}.condition-readout strong[data-genotype="H1047R"]{color:#f2a23a}.condition-readout strong{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}
.evidence-grid{grid-template-columns:1.12fr .88fr .88fr;align-items:stretch}.viewer-card{grid-column:1;grid-row:1/span 3}.heatmap-card{grid-column:2;grid-row:1/span 2}.metric-card .chart{min-height:0}.metric-card .card-head{margin-bottom:.4rem}.metric-card .card-head h3,.heatmap-card .card-head h3,.compact-exploration .card-head h3{font-size:1.2rem}.metric-card{padding:1.15rem}.category-chart{gap:.55rem;padding:.25rem 0 .7rem}.category-row>div:first-child{margin-bottom:.15rem}.exploration-card{padding:1.15rem}.compact-exploration .ring-key{margin-top:-.7rem}.frame-stage{max-height:510px}.play-button{transform:translate(-50%,-50%)}
.viewer-tools{display:flex;gap:.7rem;margin-bottom:1rem}.viewer-tools label{display:flex;align-items:center;gap:.55rem;margin:0;color:var(--muted);font-size:.67rem}.viewer-tools select{padding:.4rem .65rem;border:1px solid var(--line);border-radius:99px;color:var(--text);background:var(--soft);font:inherit}.organoid-picker{flex:1}.organoid-picker select{flex:1;min-width:0}.turnover-heatmap svg{display:block;width:100%;height:360px}.turnover-heatmap text{fill:var(--muted);font:11px "Trebuchet MS",sans-serif}.heatmap-cursor{fill:none;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 3px #fff)}.time-cursor{stroke:#fff;stroke-width:1.5;stroke-dasharray:4 4;opacity:.7;pointer-events:none}
@media(max-width:1100px){.evidence-grid{grid-template-columns:1fr 1fr}.viewer-card{grid-column:1;grid-row:1/span 2}.heatmap-card{grid-column:2;grid-row:auto}.frame-stage{max-height:none}}
@media(max-width:700px){.hgf-hero{min-height:auto}.evidence-grid{grid-template-columns:1fr}.viewer-card,.heatmap-card{grid-column:auto;grid-row:auto}.viewer-tools{align-items:stretch;flex-direction:column}.viewer-tools label{align-items:flex-start;flex-direction:column}.viewer-tools select{width:100%}.turnover-heatmap svg{height:auto}}
@media(max-width:700px){.population-grid{grid-template-columns:1fr}.population-wide{grid-column:auto}.population-card{padding:1.25rem}.comparison-group{grid-template-columns:1fr repeat(4,minmax(0,1fr));gap:.35rem}.comparison-genotype{grid-column:1/-1}.comparison-bar-wrap{grid-template-rows:1.2rem 130px 2.2rem}.comparison-dose{line-height:1.2}.population-category-row{grid-template-columns:1fr 3rem}.population-category-label{grid-column:1/-1}.population-n{grid-column:2}.stacked-bar{grid-column:1}.hero-actions{align-items:flex-start;flex-direction:column}}
.comparison-chart{gap:1rem}.comparison-group{padding:1rem;border-left:4px solid var(--geno);background:color-mix(in srgb,var(--geno) 7%,transparent)}.comparison-genotype i{display:inline-block;padding:.45rem .65rem;border:1px solid var(--geno);border-radius:99px}.comparison-bar-wrap{padding:.25rem;border:1px solid transparent;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.comparison-bar-wrap:hover,.comparison-bar-wrap:focus{border-color:var(--geno);outline:0;background:color-mix(in srgb,var(--geno) 10%,transparent);transform:translateY(-3px)}.comparison-bar{border:2px solid var(--geno);border-bottom:0}.population-categories{gap:.55rem}.population-category-row{padding:.65rem .8rem;border-left:4px solid var(--geno);background:color-mix(in srgb,var(--geno) 6%,transparent);cursor:pointer;transition:background .2s,transform .2s}.population-category-row:hover,.population-category-row:focus{outline:1px solid var(--geno);background:color-mix(in srgb,var(--geno) 12%,transparent);transform:translateX(3px)}.stacked-bar{border:1px solid var(--geno)}.stacked-bar i{transition:filter .2s}.stacked-bar i:hover{filter:brightness(1.35)}
.viewer-population-context{display:flex;gap:.8rem;align-items:center;margin:0 0 1rem;padding:.75rem 1rem;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--context-color) 13%,transparent),transparent)}.viewer-population-context>span{flex:0 0 auto;padding:.35rem .7rem;border:1px solid var(--context-color);border-radius:99px;color:var(--context-color);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.viewer-population-context p{margin:0;color:var(--muted);font-size:.75rem}.viewer-population-context strong{color:var(--text)}
@media(max-width:700px){.viewer-population-context{align-items:flex-start;flex-direction:column}}
.chart-tooltip{border-color:#65736eaa;background:#07100dcc;box-shadow:0 18px 60px #0009;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);white-space:normal}.chart-tooltip p{margin:.65rem 0 0;color:var(--text);white-space:pre-line}.info-visual{display:block;width:100%;height:auto;margin:0 0 .4rem;padding:.25rem 0 .65rem;border-bottom:1px solid #ffffff20;overflow:visible}.info-visual text{fill:#c3cbc8;font:9px "Trebuchet MS",Arial,sans-serif}.mini-well{fill:none;stroke:#8a9692;stroke-width:1}.mini-organoid{fill:#26312e;stroke:#56635f}.mini-r1,.mini-r2,.mini-r3{fill:none;stroke-width:1.4}.mini-r1{stroke:var(--cyan)}.mini-r2{stroke:#ffd64a}.mini-r3{stroke:var(--pink)}.mini-contact{fill:none;stroke:var(--hit);stroke-width:4;stroke-linecap:round}.mini-bins rect{width:17px;height:13px;fill:#101615;stroke:#76827e;stroke-width:.8}.mini-bins rect.on{fill:var(--hit);stroke:var(--hit)}.mini-bins rect.change{stroke:#fff;stroke-width:1.5}.mini-arrow{fill:none;stroke:#dbe2df;stroke-width:1}.mini-explore-one,.mini-explore-two{fill:none;stroke-width:5;stroke-linecap:round}.mini-explore-one{stroke:var(--cyan)}.mini-explore-two{stroke:var(--pink)}.mini-heat rect{width:23px;height:17px;fill:#0b3325}.mini-heat .mid{fill:#13805d}.mini-heat .high{fill:#36e5aa}.mini-selected{fill:var(--cyan)}
.population-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.25rem;align-items:start}.population-workspace .population-grid{grid-column:2;grid-row:1;grid-template-columns:1fr}.population-workspace .population-wide{grid-column:auto}.population-preview{position:sticky;top:1rem;grid-column:1;grid-row:1;overflow:hidden;border:1px solid var(--line);background:#080c0b;box-shadow:0 18px 60px #0007}.population-preview-head{display:grid;gap:.25rem;padding:1rem;border-bottom:3px solid var(--preview-genotype,#8b908e);background:color-mix(in srgb,var(--preview-genotype,#8b908e) 10%,transparent)}.population-preview-head span{color:var(--cyan);font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.population-preview-head strong{font-size:1rem;line-height:1.25}.population-preview-head strong i{font-style:italic}.population-preview-head strong sup{font-size:.62em}.population-preview-head small{color:var(--muted)}.population-preview-frame{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#020303}.population-preview-frame img{width:100%;height:100%;object-fit:contain}.population-preview-frame>span{position:absolute;left:.7rem;top:.7rem;padding:.3rem .5rem;color:#fff;background:#050708bb;font-size:.65rem}.preview-play{position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid #fff9;border-radius:50%;background:#05070888;transform:translate(-50%,-50%);cursor:pointer;backdrop-filter:blur(5px)}.preview-play:before{content:"";position:absolute;left:20px;top:14px;border-block:9px solid transparent;border-left:13px solid #fff}.preview-play.is-playing:before{left:16px;top:14px;width:12px;height:19px;border:0;border-inline:4px solid #fff}.population-preview-context{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.8rem 1rem;border-top:1px solid var(--line)}.population-preview-context>strong{padding:.3rem .55rem;border:1px solid var(--preview-category,#20d3a5);border-radius:99px;color:var(--preview-category,#20d3a5);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.population-preview-context p{margin:0;color:var(--muted);font-size:.65rem;text-align:right}.population-preview-context b{color:var(--text)}.population-preview-note{margin:0;padding:.8rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}
@media(max-width:820px){.population-workspace{grid-template-columns:1fr}.population-workspace .population-grid{grid-column:1;grid-row:2}.population-preview{position:relative;top:auto;grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr minmax(240px,360px);grid-template-rows:auto auto 1fr}.population-preview-head{grid-column:1}.population-preview-frame{grid-column:2;grid-row:1/4}.population-preview-metrics,.population-preview-note{grid-column:1}}
@media(max-width:700px){.population-preview{display:block}.population-preview-frame{aspect-ratio:1}}
.preview-speed{display:flex;justify-content:space-between;align-items:center;margin-top:.55rem;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-speed select{padding:.28rem 1.7rem .28rem .45rem;border:1px solid var(--line);border-radius:99px;color:var(--text);background:#080b0c;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer}
.hgf-explorer{display:flex;flex-direction:column}.hgf-explorer>.method-guide{order:1;margin:0 0 1.25rem}.hgf-explorer>.condition-bar{order:2}.hgf-explorer>.condition-readout{order:3}.hgf-explorer>.evidence-grid{order:4}
.method-guide[open],.method-guide[open] .method-visual,.method-guide[open] .method-guide-grid{background-color:var(--bg)}
.evidence-grid:after{content:"";grid-column:3;grid-row:3;background:var(--bg)}
@media(max-width:1100px){.evidence-grid:after{display:none}}
.population-grid>.activity-card{order:1}.population-grid>.frequency-card{order:2}.population-grid>.turnover-card{order:3}.population-preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid var(--line);background:var(--line)}.population-preview-metrics>div{display:flex;min-width:0;min-height:94px;padding:.75rem;flex-direction:column;justify-content:space-between;background:#080c0b;box-shadow:inset 0 0 0 1px transparent;transition:background .18s,box-shadow .18s}.population-preview-metrics>.preview-activity{grid-column:1/-1;min-height:92px}.population-preview-metrics>div.is-active{background:color-mix(in srgb,var(--cyan) 8%,#080c0b);box-shadow:inset 3px 0 0 var(--cyan)}.population-preview-metrics span{color:var(--muted);font-size:.57rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.population-preview-metrics strong{color:var(--text);font-size:1rem}.population-preview-metrics .preview-activity strong{align-self:flex-start;padding:.3rem .55rem;border:1px solid var(--preview-category,#20d3a5);border-radius:99px;color:var(--preview-category,#20d3a5);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.population-preview-metrics small{color:var(--muted);font-size:.62rem;line-height:1.45}.population-preview-metrics small b{color:var(--text)}.population-preview-basis{margin-top:.25rem;padding-top:.4rem;border-top:1px solid #ffffff14;font-size:.6rem;line-height:1.35}
.analysis-guide{display:grid;grid-template-columns:160px 1fr;gap:1.2rem;align-items:center;margin-bottom:1rem;padding:.9rem 1rem;border-left:3px solid var(--cyan);background:#0a1011}.analysis-guide>span{color:var(--cyan);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.analysis-guide strong{display:block;margin-bottom:.15rem;font-size:.78rem}.analysis-guide p{margin:0;color:var(--muted);font-size:.72rem}.population-line{opacity:.72;stroke-width:3}.selected-line{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #fff8);pointer-events:none}.selected-point{fill:var(--bg);stroke:#fff;stroke-width:3;cursor:pointer}.selected-category{padding:.35rem .45rem;border-left:3px solid var(--text);background:#fff05}.selected-category .bar{box-shadow:0 0 0 1px #ffffff55}.selected-heatmap-row{fill:none;stroke:#ffffff38;stroke-width:.65;vector-effect:non-scaling-stroke}.heatmap-cursor{fill:#38e7ed08;stroke:#38e7ed88;stroke-width:.5;vector-effect:non-scaling-stroke}.heatmap-jump{fill:transparent;cursor:pointer}.ring-inner{stroke:var(--cyan)}.ring-middle{stroke:#ffd64a}.ring-outer{stroke:var(--pink)}
.selected-summary{padding:1.15rem}.selected-summary .card-head h3{font-size:1.2rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.stat-grid>div{display:flex;min-height:84px;padding:.8rem;flex-direction:column;justify-content:space-between;background:var(--soft)}.stat-grid span{color:var(--muted);font-size:.62rem}.stat-grid strong{font-size:1.2rem}.stat-grid strong b{font:inherit}
.selected-row-arrow{fill:var(--cyan);filter:drop-shadow(0 0 4px #38e7ed)}.method-guide{margin:0 0 1rem;border:1px solid var(--line);background:var(--panel)}.method-guide summary{display:grid;grid-template-columns:150px 1fr auto;gap:1rem;padding:1rem 1.1rem;align-items:center;list-style:none;cursor:pointer;font-size:.8rem;background:#080b0c}.method-guide summary::-webkit-details-marker{display:none}.method-guide summary:after{content:"+";color:var(--cyan);font-size:1.2rem}.method-guide[open] summary:after{content:"−"}.method-guide summary span{color:var(--cyan);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.method-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.method-guide article{padding:1.1rem;background:var(--soft)}.method-guide article b{font-size:.76rem}.method-guide article p{margin:.65rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.55}.method-guide article strong{color:var(--text)}.method-caveat{margin:0;padding:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}.method-caveat:before{content:"Display note · ";color:var(--green);font-weight:800}.method-guide code{color:var(--text)}
.method-visual{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(390px,1.25fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.method-visual figure{margin:0;padding:1.25rem;background:#050708}.ring-figure{position:relative;max-width:290px;margin:auto}.ring-figure img{display:block;width:100%;height:auto}.ring-figure svg{position:absolute;inset:0;width:100%;height:100%}.ring-figure path{fill:none;stroke-width:2}.ring-figure path:nth-of-type(1){stroke:var(--cyan)}.ring-figure path:nth-of-type(2){stroke:#ffd64a}.ring-figure path:nth-of-type(3){stroke:var(--pink)}.ring-figure text{font:700 19px "Trebuchet MS",sans-serif}.ring-figure .r1{fill:var(--cyan)}.ring-figure .r2{fill:#ffd64a}.ring-figure .r3{fill:var(--pink)}.method-visual figcaption{margin-top:.6rem;color:var(--muted);font-size:.67rem;text-align:center}.bin-diagram{display:block;width:100%;height:100%;min-height:250px;padding:1rem 1.4rem;background:#080b0c}.bin-ring{fill:none;stroke:#dce2df;stroke-width:12;stroke-dasharray:3 2}.contact-arc{fill:none;stroke:var(--hit);stroke-width:13;stroke-linecap:butt}.bin-diagram line,.angle-arc{fill:none;stroke:var(--text);stroke-width:1.5}.bin-diagram text{fill:var(--text);font:13px "Trebuchet MS",sans-serif}.bin-diagram .diagram-title{font-size:14px;font-weight:800}.bin-diagram .diagram-label,.bin-diagram .diagram-note{fill:var(--muted);font-size:12px}.bin-diagram rect{width:18px;height:18px;y:0;stroke:#72807a;stroke-width:1}.bin-diagram .on{fill:var(--hit)}.bin-diagram .off{fill:#050708}
@media(max-width:800px){.method-guide-grid{grid-template-columns:1fr 1fr}.method-visual{grid-template-columns:1fr}}@media(max-width:520px){.method-guide-grid{grid-template-columns:1fr}.method-guide summary{align-items:flex-start;flex-direction:column}.method-guide summary:after{position:absolute;right:1rem}}
.method-visual{display:block;padding:1rem;border-top:1px solid var(--line);background:#060909}.methods-infographic{display:block;width:100%;height:auto;max-height:520px;pointer-events:none}.methods-infographic text{fill:var(--text);font:14px "Trebuchet MS",sans-serif}.methods-infographic .panel-title{font-size:16px;font-weight:800}.methods-infographic .diagram-title{font-size:16px;font-weight:800}.methods-infographic .diagram-note,.methods-infographic .panel-caption{fill:var(--muted);font-size:13px}.well-boundary{fill:#0b100f;stroke:#34403d;stroke-width:2}.organoid-drawing{fill:url(#organoid-fill);stroke:#71807b;stroke-width:2}.organoid-drawing.simple-organoid{fill:#26312e;stroke:#5f6d69;stroke-width:3}.organoid-texture{fill:none;stroke:#9aa7a2;stroke-width:5;stroke-linecap:round;opacity:.14}.methods-infographic .ring{fill:none;stroke-width:3}.methods-infographic .ring-one{stroke:var(--cyan)}.methods-infographic .ring-two-method{stroke:#ffd64a}.methods-infographic .ring-three{stroke:var(--pink)}.methods-infographic .contact{fill:none;stroke:#19ef68;stroke-width:10;stroke-linecap:round;filter:url(#soft-glow)}.ring-labels text{font-size:18px;font-weight:800}.ring-labels .r1{fill:var(--cyan)}.ring-labels .r2{fill:#ffd64a}.ring-labels .r3{fill:var(--pink)}.ring-labels path{fill:none;stroke-width:2}.r1-line{stroke:var(--cyan)}.r2-line{stroke:#ffd64a}.r3-line{stroke:var(--pink)}.panel-divider,.short-rule{stroke:var(--line);stroke-width:1}.methods-infographic .bin-ring{fill:none;stroke:#dce2df;stroke-width:14;stroke-dasharray:3 3}.methods-infographic .contact-arc{fill:none;stroke:#19c77b;stroke-width:15}.angular-schematic line,.angular-schematic .angle-arc,.small-arrow{fill:none;stroke:var(--text);stroke-width:2}.methods-infographic rect{width:22px;height:22px;stroke:#6d7774;stroke-width:1}.methods-infographic .on{fill:#08a96b}.methods-infographic .mid{fill:#94c9aa}.methods-infographic .pale{fill:#dcecdf}.methods-infographic .low{fill:#155c3d}.methods-infographic .off{fill:#060909}.methods-infographic .row-label{font-size:14px}.methods-infographic .activity-label{font-size:14px}.methods-infographic .range{fill:var(--muted);font-size:12px}.bin-key rect{width:18px;height:18px}
.methods-infographic .theta-label{font-size:15px;font-weight:800}
.chart-tooltip{width:min(410px,calc(100vw - 2rem));max-width:none;max-height:min(55vh,440px);overflow:auto;padding:.9rem 1rem;border-color:#52605c;background:#0b0f0eb8;font-size:.73rem;line-height:1.55;white-space:pre-line}
@media(max-width:800px){.method-visual{padding:.5rem}.methods-infographic{min-width:720px}.method-visual{overflow-x:auto}}@media(max-width:520px){.method-guide summary{display:grid;grid-template-columns:1fr auto}.method-guide summary span{grid-column:1/-1}.method-guide summary:after{position:static;grid-column:2;grid-row:2}}
@media(max-width:700px){.analysis-guide{grid-template-columns:1fr;gap:.25rem}}
.evidence-grid:after{display:none}.current-contact-card{grid-column:3;grid-row:3;padding:1.15rem}.current-contact-card .card-head{margin-bottom:.65rem}.current-contact-card .card-head h3{font-size:1.2rem}.contact-comparison-key{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-bottom:1rem;color:var(--muted);font-size:.59rem}.contact-comparison-key span{display:flex;align-items:center;gap:.35rem}.contact-comparison-key i{width:17px;height:5px;background:var(--cyan)}.contact-comparison-key b{position:relative;width:17px;height:8px;background:#ffffff18}.contact-comparison-key b:after{content:"";position:absolute;left:8px;top:-2px;width:1px;height:12px;background:#fff}.current-contact-chart{display:grid;gap:1.15rem;padding:.35rem 0 1.1rem}.contact-row{--ring:var(--cyan)}.contact-row.ring-middle{--ring:#ffd64a}.contact-row.ring-outer{--ring:var(--pink)}.contact-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.contact-row-head>b{color:var(--ring);font-size:.72rem}.contact-row-head>span{color:var(--text);font-size:.72rem;font-weight:800}.contact-row-head small{margin-left:.45rem;color:var(--muted);font-size:.58rem;font-weight:500}.contact-track{position:relative;height:14px;border-bottom:1px solid var(--line);background:#111716}.contact-track i{position:absolute;top:2px;height:10px;background:color-mix(in srgb,var(--ring) 20%,transparent)}.contact-track em{position:absolute;z-index:3;top:-2px;width:1px;height:18px;background:#fff;transform:translateX(-.5px)}.contact-track b{position:absolute;z-index:2;left:0;top:4px;height:6px;background:var(--ring);box-shadow:0 0 10px color-mix(in srgb,var(--ring) 28%,transparent)}
@media(max-width:1100px){.current-contact-card{grid-column:auto;grid-row:auto}}
.figure-note b{color:var(--hit)}

/* Activity classes use one treatment-independent greyscale throughout. */
.category-comparison-key i,
.stacked-bar .never{background:#4a4f4e}
.category-comparison-key .cat-occasional,
.stacked-bar .occasional{background:#737977}
.category-comparison-key .cat-repeated,
.stacked-bar .repeated{background:#9ca2a0}
.category-comparison-key .cat-frequent,
.stacked-bar .frequent{background:#c8ccca}

/* Green is the interface accent; cyan remains reserved for R1 and HGF data. */
.kicker,
.section-index,
.project-type,
.condition-readout span,
.eyebrow,
.population-preview-head span,
.analysis-guide>span,
.method-guide summary span,
.method-steps span,
.hgf-hero .button span,
.back-to-detail{color:var(--green)}
.choice:hover,
.choice.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--green) 8%,transparent)}
.analysis-guide{border-left-color:var(--green)}
.method-guide summary:after{color:var(--green)}
.population-preview-metrics>div.is-active{background:color-mix(in srgb,var(--green) 7%,#080c0b);box-shadow:inset 3px 0 0 var(--green)}
.selected-row-arrow{fill:var(--green);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--green) 75%,transparent))}
.heatmap-cursor{fill:color-mix(in srgb,var(--green) 3%,transparent);stroke:color-mix(in srgb,var(--green) 55%,transparent)}
.mini-selected{fill:var(--green)}
.condition-dose{color:var(--dose);font-style:normal;font-weight:800}
.dose-unit,.condition-dose .dose-unit{color:inherit;text-transform:none;letter-spacing:0}

/* Treatment selector follows the same Vehicle-to-HGF concentration palette. */
.choice[data-dose="DMSO"]{--dose-color:#9b9b9b}
.choice[data-dose="0.1"]{--dose-color:#9acfc8}
.choice[data-dose="1"]{--dose-color:#49b8ae}
.choice[data-dose="10"]{--dose-color:#008f83}
.choice[data-dose]{border-color:color-mix(in srgb,var(--dose-color) 34%,var(--line));color:var(--dose-color);outline:none}
.choice[data-dose]:hover,
.choice[data-dose].active,
.choice[data-dose]:focus-visible{border-color:var(--dose-color);color:var(--text);background:color-mix(in srgb,var(--dose-color) 12%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--dose-color) 18%,transparent)}
.choice[data-genotype="WT"]{--genotype-color:#8b908e}
.choice[data-genotype="H1047R"]{--genotype-color:#f2a23a}
.choice[data-genotype]:hover,
.choice[data-genotype].active,
.choice[data-genotype]:focus-visible{border-color:var(--genotype-color);color:var(--genotype-color);background:color-mix(in srgb,var(--genotype-color) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--genotype-color) 16%,transparent);outline:none}
.condition-readout strong{text-decoration-color:var(--dose-color,#9b9b9b)}
.condition-readout .condition-dose,
.population-preview-head .condition-dose{color:var(--dose)}
.choice[data-dose],.dose-key,.comparison-dose,.condition-dose{white-space:nowrap}
.population-preview-metrics .preview-frequency>span,
.population-preview-metrics .preview-turnover>span{font-size:0}
.population-preview-metrics .preview-frequency>span:after,
.population-preview-metrics .preview-turnover>span:after{font-size:.57rem}
.population-preview-metrics .preview-frequency>span:after{content:"Median activity frequency"}
.population-preview-metrics .preview-turnover>span:after{content:"Median contact turnover"}

/* On tablets, keep the full population panel but make it sticky above the plots. */
@media(min-width:701px) and (max-width:820px){
  .population-preview{position:sticky;top:0;z-index:30;box-shadow:0 12px 32px #000c}
}

/* Use the compact sticky population panel only on phones. */
@media(max-width:700px){
  .population-workspace{display:flex;flex-direction:column}
  .population-preview{position:sticky;top:0;z-index:30;order:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(165px,1.1fr);grid-template-rows:auto 1fr;margin-bottom:1rem;box-shadow:0 12px 32px #000c}
  .population-preview-head{grid-column:1;grid-row:1;padding:.65rem .75rem}
  .population-preview-head span{font-size:.48rem}
  .population-preview-head strong{font-size:.8rem}
  .population-preview-head>small,.population-preview-basis{display:none}
  .preview-speed{margin-top:.35rem;font-size:.5rem}
  .preview-speed select{padding:.2rem 1.35rem .2rem .4rem}
  .population-preview-frame{grid-column:2;grid-row:1/3;min-height:190px;aspect-ratio:auto}
  .population-preview-frame>span{left:.4rem;top:.4rem;padding:.2rem .35rem;font-size:.52rem}
  .preview-play{width:42px;height:42px}
  .preview-play:before{left:17px;top:12px}
  .preview-play.is-playing:before{left:13px;top:11px}
  .population-preview-metrics{grid-column:1;grid-row:2;display:block;border-top:0}
  .population-preview-metrics>div{display:none;min-height:0;padding:.6rem .75rem}
  .population-preview-metrics>div.is-active{display:flex}
  .population-preview-metrics>.preview-activity{min-height:0}
  .population-preview-metrics span{font-size:.48rem}
  .population-preview-metrics .preview-frequency>span:after,
  .population-preview-metrics .preview-turnover>span:after{font-size:.48rem}
  .population-preview-metrics strong{font-size:.78rem}
  .population-preview-metrics .preview-activity strong{padding:.2rem .4rem;font-size:.52rem}
  .population-preview-metrics small{font-size:.52rem}
  .population-preview-note{display:none}
  .population-workspace .population-grid{order:2;margin-top:0}
}

/* On phones, keep the individual movie visible while its linked plots scroll. */
@media(max-width:700px){
  .hgf-explorer .viewer-card{display:contents}
  .hgf-explorer .viewer-card>.card-head,
  .hgf-explorer .viewer-card>.viewer-population-context,
  .hgf-explorer .viewer-card>.viewer-tools{display:none}
  .hgf-explorer .viewer-card>.scrubber,
  .hgf-explorer .viewer-card>.figure-note{margin:0;padding:.8rem 1rem;background:var(--panel)}
  .hgf-explorer .viewer-card>.scrubber{padding-block:.75rem}
  .hgf-explorer .viewer-card>.figure-note{padding-bottom:1rem}
  .mobile-viewer-sticky{position:sticky;top:0;z-index:28;display:flex;width:100%;flex-direction:column;align-items:center;background:#080c0b;box-shadow:0 12px 32px #000c}
  .mobile-viewer-sticky>.frame-stage{position:relative;width:100%;height:auto;aspect-ratio:1;border-block:1px solid var(--line);box-shadow:none}
  .mobile-viewer-sticky>.frame-stage img{padding:0;object-fit:contain}
  .mobile-viewer-toolbar{position:relative;z-index:4;display:grid;width:100%;gap:.45rem;padding:.6rem .7rem;border-bottom:1px solid var(--line);background:#080c0bf2;backdrop-filter:blur(8px)}
  .mobile-viewer-identity{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;min-width:0}
  .mobile-viewer-identity strong{min-width:0;overflow:hidden;color:var(--text);font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}
  .mobile-viewer-identity strong[data-genotype="H1047R"]{color:#f2a23a}
  .mobile-viewer-identity strong i{font-style:italic}.mobile-viewer-identity strong sup{font-size:.62em}
  .mobile-viewer-identity small{flex:0 0 auto;color:var(--muted);font-size:.58rem}
  .mobile-viewer-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.35rem;align-items:center}
  .mobile-viewer-controls>span{padding:.25rem .4rem;border:1px solid var(--green);border-radius:99px;color:var(--green);font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .mobile-viewer-controls select,.mobile-viewer-controls button{min-width:0;padding:.3rem .4rem;border:1px solid var(--line);border-radius:99px;color:var(--text);background:#080b0c;font:600 .52rem "Trebuchet MS",sans-serif}
  .mobile-viewer-controls button{color:var(--green);cursor:pointer}
  .mobile-viewer-sticky>.frame-stage .time-stamp{top:.6rem;left:.6rem}
  .mobile-viewer-sticky>.frame-stage .play-button{top:50%}
}
.mobile-viewer-sticky{display:contents}.mobile-viewer-toolbar{display:none}
@media(max-width:700px){.mobile-viewer-sticky{display:flex}.mobile-viewer-toolbar{display:grid}}

/* Match the compact time badge used by the long-term treatment movies. */
.time-stamp{padding:.48rem .68rem;border:1px solid #ffffff30;border-radius:99px;background:#050708d9;font-weight:800;line-height:1;box-shadow:0 4px 18px #0006}
.population-preview-frame>span{border:1px solid #ffffff30;border-radius:99px;background:#050708d9;font-weight:800;line-height:1;box-shadow:0 4px 18px #0006}
.population-preview-note{display:none}

/* Keep HGF movie controls clear of the organoid, matching the long-term videos. */
.frame-stage .play-button,
.mobile-viewer-sticky>.frame-stage .play-button,
.population-preview-frame .preview-play{left:auto;top:auto;right:.75rem;bottom:.75rem;width:2.65rem;height:2.65rem;transform:none;background:#050708d9;box-shadow:0 4px 18px #0008}
.population-preview-frame .preview-play:before{left:50%;top:50%;transform:translate(-35%,-50%)}
.population-preview-frame .preview-play.is-playing:before{left:50%;top:50%;transform:translate(-50%,-50%)}

/* Interactive resource hero and microscopy-based destination thumbnails. */
.resource-hero .resource-orb-stage{position:relative;inset:auto;width:100%;height:620px;cursor:grab}
.resource-hero .resource-orb-stage .spheroid-canvas{width:min(92%,640px)}
.destination-card .destination-art.destination-thumb{display:block;height:210px;overflow:hidden;border:1px solid var(--line);border-radius:.65rem;background:#020303}
.destination-thumb img,.destination-thumb video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.destination-thumb img{object-position:center 63%}
.destination-card:hover .destination-thumb img,.destination-card:hover .destination-thumb video{transform:scale(1.035);filter:contrast(1.06)}
.video-card .destination-art.destination-thumb{border-radius:.65rem;background:#020303}
@media(max-width:820px){.resource-hero .resource-orb-stage{height:430px}.destination-card .destination-art.destination-thumb{height:190px}}
@media(prefers-reduced-motion:reduce){.destination-thumb video{display:none}.video-card .destination-art.destination-thumb{background:radial-gradient(circle at 55% 45%,#606967,#111 58%,#020303)}}