/* Left: the scientific reading. Right: stable view/source/domain controls. */
.systems-story-v23 :is(.source-scene-v17,.intervention-scene-v17,.graph-scale-v19){display:none!important}
.systems-story-v23 :is(.source-deck-v23,.intervention-deck-v23){position:absolute;left:var(--sc-gutter);top:48px;bottom:44px;width:calc(46% - var(--sc-gutter));z-index:5;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
.systems-story-v23 :is(.source-deck-v23,.intervention-deck-v23)[hidden]{display:none!important}
.science-release-v17 .systems-story-v23 :is(.source-art-v23,.intervention-art-v23){position:static!important;inset:auto!important;display:block;width:100%;flex:none}
.systems-story-v23 .source-art-v23{height:170px}
.systems-story-v23 .intervention-art-v23{height:210px}
.systems-story-v23 .source-deck-v23>.individual-lead{font-size:18px;line-height:1.4;margin:0;color:var(--sc-muted)}
.science-release-v17 .systems-story-v23 .source-deck-v23 .pathway-examples-label{position:static!important;width:auto;height:auto;clip-path:none;overflow:visible;margin:0;font-size:18px;line-height:1.4;color:var(--sc-text)}
.science-release-v17 .systems-story-v23 .pathway-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;width:100%;height:265px;margin:0!important;flex:none}
.science-release-v17 .systems-story-v23 .pathway-card{flex:0 0 100%;width:100%;height:100%;padding:22px;scroll-snap-align:start;box-sizing:border-box}
.systems-story-v23 .pathway-card h3{font-size:25px!important}
.systems-story-v23 .pathway-summary{font-size:17px!important;line-height:1.4!important;margin:12px 0!important}
.systems-story-v23 .pathway-reaction{gap:10px;overflow-wrap:anywhere;font-size:16px!important}
.systems-story-v23 .reaction-note{font-size:13px!important}
.systems-story-v23 .pathway-score-v19{display:flex}
.systems-story-v23 .pathway-navigation{width:100%;margin:0;min-height:44px;flex:none}
.systems-story-v23 .source-reading-v19{margin:0;padding:22px;background:var(--sc-surface)}
.systems-story-v23 .source-reading-v19 h3{font-size:25px}
.systems-story-v23 .source-reading-v19 p{font-size:18px;line-height:1.45}
.systems-story-v23 .source-reading-v19 ul{font-size:17px;line-height:1.5;margin-top:16px}
.systems-story-v23 #individualisation-panel .individual-intro-card{margin-top:28px}
.systems-story-v23 .data-sources{gap:12px}
.systems-story-v23 .source-chip{min-height:76px}
.systems-story-v23 .source-deck-v23 .source-reading-v19[hidden],.systems-story-v23 .source-deck-v23>.individual-lead[hidden]{display:none}
.systems-story-v23 .simulation-card{background:none!important;border:0!important;padding:0!important;margin-top:30px!important}
.systems-story-v23 .simulation-domains{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.systems-story-v23 .simulation-domains button{display:flex;align-items:center;gap:10px;padding:16px;border-radius:12px;min-height:76px;background:var(--sc-surface);text-align:left}
.systems-story-v23 .intervention-deck-v23>.individual-lead{font-size:18px;line-height:1.4;color:var(--sc-muted);margin:0}
.systems-story-v23 .intervention-reading{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:20px;padding:24px}
.systems-story-v23 .intervention-symbol{display:block;width:40px;height:40px;margin-bottom:14px;color:var(--sc-coral)}
.systems-story-v23 .intervention-symbol svg{width:36px;height:36px}
.systems-story-v23 .intervention-input{font-size:28px!important;margin:0 0 14px!important}
.systems-story-v23 .simulation-description{font-size:18px!important;line-height:1.45!important;margin:0!important}
.systems-story-v23 .graph-scale strong{font-size:clamp(30px,2.7vw,42px);font-variant-numeric:tabular-nums}
.systems-story-v23[data-calculation-state=calculating] .graph-scale strong{color:var(--sc-cyan)}
/* The active HTML circle used to cover the SVG's 01 while its own text was transparent. */
.science-release-v17 .bio-loop .bio-loop-number-controls button>span{font:400 16px/1 SourceDS,Arial,sans-serif!important;color:var(--sc-muted)!important}
.science-release-v17 .bio-loop .bio-loop-number-controls button[aria-selected=true]>span{color:var(--sc-text)!important}
.science-release-v17 .bio-loop-node text{visibility:hidden}
.science-release-v17 .bio-loop .bio-loop-number-controls{z-index:3}
.science-release-v17 .bio-loop .paired-spectra{padding:18px!important}
.science-release-v17 .bio-loop .paired-spectra .sample-legend-v23{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}
.sample-legend-v23 span{display:flex;align-items:center;gap:8px}
.sample-legend-v23 span:before{content:'';display:inline-block;width:20px;height:5px;background:#AFBFCE66;border-radius:2px}
.sample-legend-v23 span:last-child:before{background:linear-gradient(90deg,var(--sc-cyan),var(--sc-coral),#93B3D4);height:2px}
.science-release-v17 .bio-loop .paired-signals-v23{height:150px!important;display:block;width:100%}
.science-release-v17 .bio-loop .paired-spectra figcaption{margin-top:10px;font-size:14px;color:var(--sc-muted)}
.science-release-v17 .loop-action-caption-v23{margin:16px auto 0;text-align:center;font-size:15px;color:var(--sc-muted);max-width:460px}
.loop-action-caption-v23[hidden]{display:none}
@media(max-width:1100px) and (min-width:901px){.systems-story-v23 .source-art-v23{height:140px}.systems-story-v23 .intervention-art-v23{height:170px}.systems-story-v23 .pathway-card h3{font-size:22px!important}.systems-story-v23 .pathway-summary{font-size:16px!important}.systems-story-v23 .graph-scale{gap:14px}.systems-story-v23 .graph-scale strong{font-size:30px}}
@media(max-width:900px){
 .science-release-v17 .systems-story-v23{display:flex!important;flex-direction:column;height:auto!important;min-height:0;max-height:none;overflow:visible;padding:40px 24px 64px}
 .science-release-v17 .systems-story-v23:after{display:none}
 .science-release-v17 .systems-story-v23 .systems-copy{display:contents!important;position:static!important}
 .systems-story-v23 .sc-section-index{order:0}
 .systems-story-v23 .systems-copy>h2{order:1;margin:0!important}
 .systems-story-v23 .systems-tabs{order:2;margin:22px 0!important}
 .systems-story-v23 .systems-copy>[role=tabpanel]{order:3;margin:0!important}
 .science-release-v17 .systems-story-v23 .hero-media{position:relative!important;inset:auto!important;order:4;height:440px;width:100%;margin:24px 0 0;border-radius:22px;flex:none}
 .science-release-v17 .systems-story-v23[data-view=individualisation] .hero-media,.science-release-v17 .systems-story-v23[data-view=simulation] .hero-media{display:none!important}
 .science-release-v17 .systems-story-v23 :is(.source-deck-v23,.intervention-deck-v23){position:relative;inset:auto;width:100%;order:4;margin:24px 0 0;gap:18px;max-width:680px;align-self:center}
 .systems-story-v23 .source-art-v23{height:170px}
 .systems-story-v23 .intervention-art-v23{height:190px}
 .systems-story-v23 .pathway-rail{height:290px!important}
 .systems-story-v23 .source-chip,.systems-story-v23 .simulation-domains button{min-height:68px;font-size:16px}
 .systems-story-v23 .graph-scale strong{font-size:32px}
 .systems-story-v23 #individualisation-panel .individual-intro-card{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.systems-story-v23 *{scroll-behavior:auto!important}}
/* Concrete instrument panels, replacing the V23 abstract four-point diagrams. */
.systems-story-v23 .source-deck-v23>.individual-lead[hidden],.systems-story-v23 .instrument-v24[hidden]{display:none!important}
.science-release-v17 .systems-story-v23 .pathway-rail{height:440px}
.science-release-v17 .systems-story-v23 .pathway-card{display:flex;flex-direction:column;height:440px;padding:24px;position:relative;overflow:hidden}
.science-release-v17 .systems-story-v23 .pathway-card>*{flex-shrink:0}
.science-release-v17 .systems-story-v23 .pathway-card .pathway-progress{display:none}
.systems-story-v23 .score-scan-v24{display:flex;align-items:end;gap:5px;height:62px;margin:12px 0 16px;flex-shrink:0}
.score-scan-v24 i{display:block;height:calc(var(--height)*(.18 + var(--score-progress,0)*.82));flex:1;min-width:1px;background:var(--sc-cyan);border-radius:2px;opacity:.7}
.score-scan-v24 i:nth-child(3n){background:var(--sc-coral)}
.score-scan-v24 i:nth-child(4n){background:#93B3D4}
.science-release-v17 .systems-story-v23 .pathway-score-v19{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding:10px 0 0;border-top:1px solid var(--sc-line)}
.science-release-v17 .systems-story-v23 .pathway-score-v19>span{font-size:16px;line-height:1.35}
.science-release-v17 .systems-story-v23 .pathway-score-v19 small{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:var(--sc-muted)}
.science-release-v17 .systems-story-v23 .pathway-score-v19 strong{font-size:52px;line-height:1;font-weight:400;color:var(--sc-cyan);font-variant-numeric:tabular-nums}
.science-release-v17 .systems-story-v23 .pathway-score-v19 strong>small{display:inline;font-size:17px;margin-left:5px}
.science-release-v17 .systems-story-v23 .pathway-score-v19 strong>[data-pathway-score-value]{font:inherit;line-height:inherit;color:inherit;display:inline}
.score-track-v24{height:3px;background:var(--sc-line);margin-top:16px;border-radius:4px;overflow:hidden;flex:none}
.score-track-v24>i{display:block;height:100%;width:var(--score-fill,0%);background:linear-gradient(90deg,var(--sc-coral),var(--sc-cyan));border-radius:4px}
.instrument-v24{position:relative;border:1px solid var(--sc-line);border-radius:20px;padding:20px;background:linear-gradient(130deg,#203346,#182737 65%);overflow:hidden;flex-shrink:0}
.instrument-v24 header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;line-height:1.3;margin-bottom:14px;color:var(--sc-text)}
.instrument-v24 header>span{font-size:12px;line-height:1.2;padding:5px 8px;border:1px solid #E8A39466;border-radius:6px;color:var(--sc-coral);white-space:nowrap}
.instrument-row-v24{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;position:relative;min-height:47px;border-top:1px solid #40546788;font-size:16px;line-height:1.3}
.instrument-row-v24>span{color:var(--sc-muted)}
.instrument-row-v24>strong{font-weight:400;color:var(--sc-text);text-align:right;font-variant-numeric:tabular-nums}
.instrument-row-v24 small{font-size:12px;color:var(--sc-muted)}
.instrument-row-v24>i{position:absolute;left:0;bottom:0;width:26%;height:1px;background:linear-gradient(90deg,transparent,var(--sc-coral),transparent);opacity:0;animation:instrument-read-v24 5s ease-in-out infinite;animation-delay:calc(var(--row)*.5s)}
.instrument-note-v24{font-size:12px!important;line-height:1.35!important;color:var(--sc-muted)!important;margin:14px 0 0!important}
.systems-story-v23 .source-reading-v19{padding:16px 0 0;border:0;border-radius:0;background:none}
.systems-story-v23 .source-reading-v19 h3{font-size:23px;margin:0 0 10px}
.systems-story-v23 .source-reading-v19 p{font-size:17px;margin:0;line-height:1.4}
.systems-story-v23 .source-reading-v19 ul{display:none}
.instrument-week-v24{display:flex;height:90px;gap:12px;margin:20px 0 18px}
.instrument-week-v24>div{display:flex;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:6px;font-size:12px;color:var(--sc-muted)}
.instrument-week-v24 i{display:block;width:70%;height:var(--height);background:linear-gradient(var(--sc-cyan),#86D5DE55);border-radius:3px;transform-origin:bottom;animation:instrument-bars-v24 6s ease-in-out infinite;animation-delay:calc(var(--row)*-.2s)}
.instrument-metrics-v24{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:14px;color:var(--sc-muted)}
.instrument-metrics-v24 strong{display:block;margin-top:5px;font-weight:400;font-size:25px;color:var(--sc-text);font-variant-numeric:tabular-nums}
.instrument-metrics-v24 small{font-size:13px}
.source-deck-v23[data-source=context] .instrument-row-v24{grid-template-columns:1fr;gap:4px;padding:10px 0}
.source-deck-v23[data-source=context] .instrument-row-v24>strong{text-align:left;font-size:17px}
.intervention-example-v24{display:grid;grid-template-columns:34% 1fr;gap:16px;align-items:stretch}
.intervention-example-v24>img{width:100%;height:100%;min-height:190px;object-fit:cover;border-radius:13px;object-position:center}
.intervention-deck-v23[data-domain=nutrition] .intervention-example-v24>img{object-fit:contain}
.intervention-example-v24 h4{font-size:18px;line-height:1.3;font-weight:400;margin:0 0 10px}
.intervention-example-v24 .instrument-row-v24{grid-template-columns:1fr;gap:3px;min-height:0;padding:8px 0;font-size:13px}
.intervention-example-v24 .instrument-row-v24 strong{text-align:left;font-size:15px}
.systems-story-v23 .intervention-reading{padding:0;border:0;background:none;border-radius:0}
.systems-story-v23 .intervention-symbol{display:none}
.systems-story-v23 .intervention-input{font-size:23px!important;margin-bottom:10px!important}
.systems-story-v23 .simulation-description{font-size:17px!important;line-height:1.4!important}
.instrument-sleep-v24{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:11px;color:var(--sc-muted)}
.instrument-sleep-v24 i{height:10px;flex:1;border-radius:5px;background:linear-gradient(90deg,#405467 10%,#93B3D4 10%,#93B3D4 75%,#E8A394 75%,#E8A394 85%,#405467 85%);animation:instrument-night-v24 8s ease-in-out infinite}
.instrument-cadence-v24{height:35px;display:flex;align-items:end;gap:5px;margin-top:16px}
.instrument-cadence-v24 i{display:block;flex:1;height:var(--height);background:var(--sc-coral);opacity:.7;animation:instrument-bars-v24 5s ease-in-out infinite;animation-delay:calc(var(--row)*-.08s);transform-origin:bottom}
.systems-story-v23 .instrument-v24 *{animation-play-state:paused}
.systems-story-v23[data-story-active=true] .instrument-v24 *{animation-play-state:running}
@keyframes instrument-read-v24{0%,12%{opacity:0;transform:translateX(0)}25%{opacity:.9}65%,100%{opacity:0;transform:translateX(280%)}}
@keyframes instrument-bars-v24{0%,100%{transform:scaleY(.92);opacity:.65}50%{transform:scaleY(1);opacity:.95}}
@keyframes instrument-night-v24{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:901px) and (max-width:1100px){.science-release-v17 .systems-story-v23 .pathway-rail,.science-release-v17 .systems-story-v23 .pathway-card{height:480px}}
@media(max-width:900px){.science-release-v17 .systems-story-v23 .pathway-rail,.science-release-v17 .systems-story-v23 .pathway-card{height:auto!important}.science-release-v17 .systems-story-v23 .pathway-card{padding:20px;min-height:520px}.intervention-example-v24{grid-template-columns:31% 1fr;gap:12px}.instrument-v24{padding:16px}.score-scan-v24{gap:4px}}
@media(prefers-reduced-motion:reduce){.systems-story-v23 .instrument-v24 *{animation:none!important}}
/* V25 — pathway topology, contextual observations, and radial registration. */
.science-release-v17 .systems-story-v23 .pathway-rail,.science-release-v17 .systems-story-v23 .pathway-card{height:500px}
.systems-story-v23 .pathway-map-v25{margin:8px 0 0}
.pathway-map-v25 svg{display:block;width:100%;height:190px;overflow:visible}
.pathway-map-v25 .pathway-svg-mobile{display:none}
.pathway-map-v25 figcaption{font-size:12px;line-height:1.4;color:var(--sc-muted)}
.pathway-map-v25 a{color:var(--sc-cyan);white-space:nowrap;text-underline-offset:3px}
.pathway-node-v25 rect{fill:#203346;stroke:#86D5DE55;stroke-width:.7}
.pathway-node-v25 text{fill:#F5F7FA;font:12.5px SourceDS,Arial,sans-serif}
.pathway-node-v25:last-child rect{stroke:#E8A39488}
.systems-story-v23 .pathway-map-note-v25{font-size:11px!important;line-height:1.4!important;margin:7px 0 12px!important;color:var(--sc-muted)}
.pathway-packet-v25{animation:pathway-trace-v25 var(--duration) linear infinite;animation-delay:var(--delay);animation-play-state:paused;opacity:.85}
.systems-story-v23[data-story-active=true][data-view=individualisation] .pathway-card[data-active=true] .pathway-packet-v25{animation-play-state:running}
.systems-story-v23 .pathway-score-v19 strong{font-size:44px!important}
.activity-chart-v25,.sleep-chart-v25{margin:14px 0 0}
.activity-chart-v25 figcaption,.sleep-chart-v25 figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--sc-text);line-height:1.4}
.activity-chart-v25 figcaption small{font-size:10px;color:var(--sc-muted)}
.activity-chart-v25 svg,.sleep-chart-v25 svg{display:block;width:100%;height:auto;max-height:145px;margin-top:8px;overflow:visible}
.activity-chart-v25 svg text{font:10px SourceDS,Arial,sans-serif;fill:var(--sc-muted)}
.sleep-chart-v25{border-top:1px solid var(--sc-line);padding-top:14px}
.chart-cursor-v25{animation:chart-read-v25 9s linear infinite}
.context-row-v25{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;border-top:1px solid var(--sc-line)}
.context-row-v25 .context-icon-v25{width:29px;height:29px;color:var(--sc-coral)}
.context-row-v25:nth-of-type(2) .context-icon-v25{color:var(--sc-cyan)}
.context-row-v25 .instrument-row-v24{border-top:0;min-height:70px}
.photo-credit-v25{display:block;width:fit-content;margin-top:8px;font-size:11px;color:var(--sc-muted);text-underline-offset:3px}
.intervention-deck-v23[data-domain=activity] .intervention-example-v24{grid-template-columns:43% 1fr}
.intervention-deck-v23[data-domain=activity] .intervention-example-v24>img{object-position:34% center}
.intervention-deck-v23[data-domain=environment] .intervention-example-v24>img{object-position:51% 57%}
.loop-comparison-v24{pointer-events:none}
@keyframes pathway-trace-v25{to{stroke-dashoffset:-1}}
@keyframes chart-read-v25{to{transform:translateX(330px)}}
@media(min-width:901px) and (max-width:1100px){.science-release-v17 .systems-story-v23 .pathway-rail,.science-release-v17 .systems-story-v23 .pathway-card{height:550px}.pathway-map-v25 svg{height:170px}}
@media(max-width:900px){.science-release-v17 .systems-story-v23 .pathway-rail,.science-release-v17 .systems-story-v23 .pathway-card{height:auto!important}.science-release-v17 .systems-story-v23 .pathway-card{min-height:520px}.pathway-map-v25 svg{height:auto;min-height:160px}.pathway-map-v25 figcaption{font-size:12px}.activity-chart-v25 figcaption{flex-wrap:wrap}.instrument-v24 header{flex-wrap:wrap}.intervention-deck-v23[data-domain=activity] .intervention-example-v24{grid-template-columns:38% 1fr}}
@media(prefers-reduced-motion:reduce){.pathway-packet-v25,.chart-cursor-v25{animation:none!important}.pathway-packet-v25{display:none}}
@media(max-width:600px){.pathway-map-v25 .pathway-svg-desktop{display:none}.pathway-map-v25 .pathway-svg-mobile{display:block;min-height:0;height:auto}.pathway-svg-mobile text{font-size:13px}}
@media(max-width:380px){.systems-story-v23 .simulation-domains{grid-template-columns:repeat(2,minmax(0,1fr))!important}.systems-story-v23 .simulation-domains button{min-width:0!important;flex-direction:column;gap:7px;padding:12px 8px!important;font-size:14px!important;text-align:center;justify-content:center}}
/* V26: top-aligned reading; content, not a clipped viewport, sets its height. */
@media(min-width:901px){
 .science-release-v17 .systems-story-v23:is([data-view=individualisation],[data-view=simulation]){display:grid;grid-template-columns:46% minmax(0,1fr);column-gap:7%;align-items:start;padding:48px var(--sc-gutter) 56px;height:auto;min-height:740px;max-height:none;overflow:visible;box-sizing:border-box}
 .science-release-v17 .systems-story-v23:is([data-view=individualisation],[data-view=simulation]) .systems-copy{position:relative;inset:auto;grid-column:2;grid-row:1;width:auto;align-self:start}
 .science-release-v17 .systems-story-v23:is([data-view=individualisation],[data-view=simulation]) :is(.source-deck-v23,.intervention-deck-v23){position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;margin:20px 0 0;justify-content:flex-start;align-self:start;min-height:0}
 .systems-story-v23 .intervention-reading{flex:none}
}
.loop-change-readout-v26 text{font-family:SourceDS,Arial,sans-serif;font-variant-numeric:tabular-nums}
