/* Scroll is native; no wheel interception or forced snapping. */
:root{--story-top:76px;--story-height:calc(100dvh - var(--story-top))}
.scroll-story.explore-shell{max-width:none;padding:0;position:relative;isolation:isolate;background:none}.story-pin{position:sticky;top:var(--story-top);height:var(--story-height);min-height:500px;padding:16px 4.5vw 12px;z-index:3;background:radial-gradient(ellipse at 65% 50%,#15263b70,transparent 65%),#03070e;display:grid;grid-template-rows:44px minmax(0,1fr) 89px 10px;gap:12px;overflow:hidden}.story-heading.explore-heading{display:flex;align-items:center;gap:16px;padding:0;max-width:none;min-height:0}.story-heading #chapterIndex{font-size:11px;color:#a8c1d8;letter-spacing:.5px;font-variant-numeric:tabular-nums}.story-heading h2{font-size:18px;letter-spacing:0;margin:0;font-weight:500}.story-heading p{font-size:12px;color:#8fa2b8;margin:0}.story-heading #chapterLabel{margin-left:auto;color:#657e99;font-size:11px}.scroll-story .workspace{height:100%;min-height:0;scroll-margin-top:100px;grid-template-columns:210px minmax(0,1fr);gap:30px}.story-pin .narrative{padding:16px 0 7px}.story-pin .place-line{padding-bottom:16px}.story-pin #modeIntro h1{font-size:29px;line-height:1.4;margin-bottom:16px}.story-pin #modeIntro .lead{font-size:12px;line-height:1.85}.story-pin #modeControls{margin-top:20px}.story-pin .narrative-bottom{padding-top:12px}.story-pin .narrative-bottom p{font-size:10px}.story-pin .small-rule{margin-bottom:12px}.story-pin .stage{border-radius:18px;grid-template-rows:49px minmax(0,1fr) 31px}.story-pin .stage-header{font-size:11px}.story-pin .stage-footer{font-size:10px}.story-pin .bottom-bar{margin:0;padding:0;gap:30px;min-height:0;border:0;overflow:hidden}.story-pin .rail-title{width:210px}.story-pin .rail-title>span{font-size:12px}.story-pin .rail-title small{font-size:10px}.story-pin .node-card{padding-bottom:6px}.story-pin .node-card img{height:42px;margin-bottom:6px}.story-pin .node-card span{font-size:10px}.story-progress{height:2px;background:#1b2c40;align-self:center;overflow:hidden;border-radius:2px}.story-progress>div{height:100%;width:0;background:#c3d8ee;will-change:width}.story-pin:not([data-mode=map]){grid-template-rows:44px minmax(0,1fr) 0 10px}.story-pin:not([data-mode=map]) .bottom-bar{display:none}.story-track{position:relative;z-index:0;margin-top:calc(-1 * var(--story-height));pointer-events:none}.story-chapter{position:relative;height:calc(var(--chapter-length) * 1dvh);pointer-events:none}.story-track:after{content:"";display:block;height:var(--story-height)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.story-pin .view.active{animation:chapter-enter .4s ease-out}.story-pin .topic-list{max-height:clamp(125px,22vh,230px)}.story-pin #narrative[data-mode=topics] .narrative-bottom{display:none}.story-pin #narrative[data-mode=thermal] .narrative-bottom,.story-pin #narrative[data-mode=accessibility] .narrative-bottom{display:none}.story-pin .inspector{width:302px;padding:23px 20px 18px}.story-pin .workspace.detail-open .stage{margin-right:324px}.story-pin[data-mode=map] .workspace.detail-open .stage{margin-right:0}.story-pin[data-mode=map] .inspector{top:55px;bottom:40px;max-height:calc(100% - 95px);background:#0d1a2bef;backdrop-filter:blur(24px);box-shadow:0 20px 70px #0009}.story-pin .inspector h2{font-size:24px}.story-pin .detail-subtitle{font-size:12px}.story-pin .scene-media{aspect-ratio:16/10}.story-pin .detail-section p{font-size:12px}.story-pin .detail-section{margin-top:13px;padding-top:13px}.story-pin .detail-footnote{font-size:10px}.story-pin .metrics{margin:18px 0}.story-pin .metric strong{font-size:30px}.story-pin .media-controls{gap:10px;padding:8px 0}.hover-state{display:flex;align-items:center;gap:7px;color:#b5cce3;font-size:10px;margin-top:13px;min-height:20px}.hover-state i{width:5px;height:5px;background:#c3d8ee;border-radius:50%;display:inline-block}.thermal-clock{font-size:33px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#eff7ff;margin:4px 0 14px}.thermal-clock small{font-size:11px;letter-spacing:0;color:#94acc4;margin-left:5px}.timeline-display{height:3px;background:#273b51;margin:16px 0 8px;border-radius:3px;position:relative}.timeline-display span{display:block;height:100%;background:#cee4fa;border-radius:3px;width:0}.timeline-ticks{display:flex;justify-content:space-between;color:#7f9bb6;font-size:10px;font-variant-numeric:tabular-nums}.thermal-mode-note{font-size:10px;color:#9eb4c9;line-height:1.7;margin:12px 0 0}.thermal-sample-tag{font-size:10px;border:1px solid #60778d;padding:3px 7px;border-radius:5px;color:#bfd3e5;display:inline-block;margin-bottom:12px}.access-live{position:absolute;top:16px;left:18px;border:1px solid #ffffff18;background:#091522dc;backdrop-filter:blur(12px);padding:10px 13px;border-radius:10px;display:grid;gap:4px;pointer-events:none}.access-live span{font-size:11px;color:#d2e3f2}.access-live strong{font-size:10px;font-weight:400;color:#8aa5bd}.access-options{display:grid;gap:8px}.access-options button{border:1px solid #ffffff16;padding:10px 12px;border-radius:10px;color:#9fb6cc;font-size:11px;text-align:left;min-height:43px;white-space:normal}.access-options button.active{border-color:#b0cbe08c;color:#ebf5ff;background:#c3d8ee0d}.access-options button small{display:block;font-size:9px;color:#7d97af;margin-top:4px}.source-image-button{font-size:11px;color:#bad0e5;min-height:35px;padding:0;display:flex;align-items:center;gap:8px}.access-direction-list{display:grid;gap:9px;margin:15px 0}.access-direction-row{display:grid;grid-template-columns:48px 1fr 45px;align-items:center;gap:10px;font-size:10px;color:#9eb4cb}.access-direction-row .bar{height:3px;background:#293e52}.access-direction-row .bar span{display:block;height:100%;background:#b9d3eb}.access-direction-row em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}.thermal-legend{pointer-events:none}.story-pin .thermal-legend{width:170px}.story-pin .view-caption{font-size:10px}.story-pin .agent-overlay{font-size:10px}.story-pin .quote{font-size:12px;max-height:150px}.story-pin .segmented button{min-height:32px;font-size:10px}.story-pin .outline-btn{font-size:11px;min-height:38px}.story-pin .inspector-close{width:35px;height:35px}.story-pin .group-option{min-height:30px;font-size:11px}.story-pin #modeIntro .chapter{font-size:11px;margin-bottom:12px}
@keyframes chapter-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.scroll-story .workspace{grid-template-columns:240px minmax(0,1fr);gap:35px}.story-pin .rail-title{width:240px}.story-pin .inspector{width:340px;padding:25px 24px}.story-pin .workspace.detail-open .stage{margin-right:365px}.story-pin #modeIntro h1{font-size:34px}.story-pin #modeIntro .lead,.story-pin .detail-subtitle,.story-pin .detail-section p{font-size:13px}.story-pin .inspector h2{font-size:28px}.story-pin .topic-list{max-height:270px}}
@media(max-width:1190px){.story-pin{padding-left:3vw;padding-right:3vw}.scroll-story .workspace{grid-template-columns:180px minmax(0,1fr);gap:20px}.story-pin .rail-title{width:180px}.story-pin .inspector{width:265px;padding:22px 16px}.story-pin .workspace.detail-open .stage{margin-right:283px}.story-pin #modeIntro h1{font-size:27px}.story-pin .inspector h2{font-size:22px}.story-pin .detail-section p,.story-pin .detail-subtitle{font-size:11px}.story-pin .stage-header{padding:0 12px;font-size:10px}.story-pin .stage-footer{padding:0 12px;font-size:9px}.story-heading p{font-size:11px}.story-pin .node-card{min-width:94px}.story-pin .node-card span{font-size:9px;padding:0 5px}}
@media(max-height:760px) and (min-width:901px){.story-pin{gap:8px;padding-top:10px;padding-bottom:7px;grid-template-rows:34px minmax(0,1fr) 75px 8px}.story-pin:not([data-mode=map]){grid-template-rows:34px minmax(0,1fr) 0 8px}.story-pin .narrative{padding-top:10px}.story-pin .place-line{padding-bottom:14px}.story-pin #modeIntro h1{font-size:27px;margin-bottom:12px}.story-pin #modeIntro .lead{font-size:11px}.story-pin .narrative-bottom{display:none}.story-pin #modeControls{margin-top:15px}.story-pin .topic-list{max-height:130px}.story-pin .scene-media{aspect-ratio:16/9}.story-pin .node-card img{height:35px}.story-pin .inspector h2{font-size:22px}.story-pin .detail-section{margin-top:10px;padding-top:10px}}
@media(max-width:900px){:root{--story-top:114px}.main-nav{gap:3px}.main-nav button{padding:0 12px;font-size:11px}.story-pin{padding:10px 20px 7px;min-height:460px;grid-template-rows:28px minmax(0,1fr) 69px 6px;gap:8px}.story-pin:not([data-mode=map]){grid-template-rows:28px minmax(0,1fr) 0 6px}.story-heading h2{font-size:15px}.story-heading #chapterIndex{font-size:10px}.story-heading #chapterLabel{font-size:10px}.story-heading p{display:none}.scroll-story .workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;min-height:0}.story-pin .narrative{padding:0;display:block}.story-pin .place-line{display:none}.story-pin #modeIntro{display:none}.story-pin #modeControls{margin-top:0}.story-pin .narrative-bottom{display:none}.story-pin .stage{height:auto;min-height:0;grid-template-rows:41px minmax(0,1fr) 26px;border-radius:13px}.story-pin .stage-header{font-size:10px;padding:0 12px}.story-pin .stage-footer{font-size:8px;padding:0 12px}.story-pin .workspace.detail-open .stage{margin-right:0}.story-pin .inspector,.story-pin[data-mode=map] .inspector{position:absolute;width:min(310px,83%);right:9px;top:85px;bottom:35px;max-height:calc(100% - 115px);padding:18px 16px;background:#0b192bf5;overflow-y:auto;border-radius:14px;backdrop-filter:blur(20px)}.story-pin .workspace.detail-open .inspector{z-index:5}.story-pin .inspector h2{font-size:21px}.story-pin .detail-subtitle{font-size:11px;margin-bottom:12px}.story-pin .detail-section p{font-size:11px}.story-pin .scene-media{aspect-ratio:16/9;max-height:200px}.story-pin .metrics{gap:15px;margin:14px 0}.story-pin .metric strong{font-size:28px}.story-pin .metric span{font-size:9px}.story-pin .detail-section h3{font-size:10px}.story-pin .detail-footnote{font-size:9px}.story-pin .bottom-bar{padding:0;margin:0}.story-pin .node-card{min-width:95px;max-width:none;padding-bottom:4px}.story-pin .node-card img{height:30px;margin-bottom:4px}.story-pin .node-card span{font-size:9px}.story-pin .node-rail{gap:9px;padding-bottom:0}.story-pin .rail-title{display:none}.story-pin .outline-btn{min-height:32px;font-size:10px;padding:6px 12px}.story-pin .ctrl-space{margin-top:7px}.story-pin .tags{margin-top:0;gap:6px}.story-pin .tags span{font-size:9px;padding:3px 7px}.story-pin #startWalk{display:inline-flex;vertical-align:middle;margin-right:9px}.story-pin[data-mode=map] #modeControls{display:flex;gap:9px;align-items:center;overflow:hidden}.story-pin[data-mode=map] #modeControls>.ctrl-space{margin:0}.story-pin[data-mode=map] #modeControls .control-label{display:none}.story-pin .control-label{display:none}.story-pin .topic-list{display:flex;max-height:none;padding-bottom:0;gap:8px}.story-pin .topic-option{font-size:10px;min-height:30px;padding:5px 9px}.story-pin[data-mode=topics] #modeControls{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px;align-items:center}.story-pin[data-mode=topics] #modeControls .segmented{margin:0}.story-pin[data-mode=topics] #modeControls .group-option{display:none}.story-pin[data-mode=agents] #modeControls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.story-pin[data-mode=agents] .group-option{font-size:10px;min-height:26px;margin:0;gap:5px}.story-pin[data-mode=agents] .group-option em{display:none}.story-pin[data-mode=agents] .control-row{margin:0;gap:8px}.story-pin[data-mode=agents] .agent-progress,.story-pin[data-mode=agents] .scale-row{display:none}.thermal-clock{font-size:23px;margin:0}.thermal-clock small{font-size:9px}.story-pin[data-mode=thermal] #modeControls{display:grid;grid-template-columns:105px minmax(0,1fr) 32px;gap:8px;align-items:center}.story-pin[data-mode=thermal] .segmented button{font-size:10px;min-height:31px;padding:5px}.story-pin[data-mode=thermal] .thermal-mode-note,.story-pin[data-mode=thermal] .timeline-display,.story-pin[data-mode=thermal] .timeline-ticks,.story-pin[data-mode=thermal] .hover-state{display:none}.story-pin[data-mode=thermal] #thermalPlay{width:32px;height:32px;padding:0;font-size:0;justify-content:center}.story-pin[data-mode=thermal] #thermalPlay:before{content:attr(data-icon);font-size:13px}.access-options{display:flex;gap:8px}.access-options button{font-size:10px;min-height:33px;padding:6px 10px;flex:1;text-align:center}.access-options button small{display:none}.story-pin[data-mode=accessibility] #modeControls{display:grid;grid-template-columns:1fr 32px;gap:8px}.story-pin[data-mode=accessibility] #accessPlay{font-size:0;width:32px;height:33px;padding:0;justify-content:center}.story-pin[data-mode=accessibility] #accessPlay:before{content:attr(data-icon);font-size:13px}.story-pin[data-mode=accessibility] .thermal-mode-note,.story-pin[data-mode=accessibility] .hover-state{display:none}.story-pin .access-live{left:11px;top:11px;font-size:10px;padding:7px 10px}.story-pin .access-live span{font-size:10px}.story-pin .access-live strong{font-size:9px}.story-pin .thermal-legend{left:11px;top:11px;width:145px;padding:8px 10px}.story-pin .thermal-legend>span{font-size:10px}.story-pin .view-caption{font-size:9px;bottom:11px}.story-pin .map-caption{font-size:8px;max-width:72%;bottom:13px}.story-pin .map-tools{bottom:10px;right:10px;padding:2px}.story-pin .map-tools button{height:28px;width:28px}.story-pin .north{top:10px;right:10px}.story-track:after{height:var(--story-height)}.story-pin .thermal-sample-tag{font-size:9px}.story-pin .media-controls{font-size:9px;gap:10px}.story-pin .media-controls button{min-height:24px}.tour-toast{bottom:10px}.source-image-button{font-size:10px;min-height:30px}.story-pin .agent-overlay{font-size:9px;left:11px;top:11px}}
@media(max-width:480px){:root{--story-top:109px}.main-nav button{font-size:10px;padding:0 8px;min-height:38px}.main-nav{gap:2px}.story-pin{padding-left:14px;padding-right:14px}.story-heading{gap:10px}.story-heading h2{font-size:14px}.story-heading #chapterLabel{font-size:9px}.story-pin .stage-header-actions button{font-size:8px;min-height:27px;padding:4px 7px}.story-pin .stage-header{font-size:9px}.story-pin #startWalk{font-size:9px;padding:6px 9px}.story-pin .tags span{font-size:8px;padding:3px 6px}.story-pin[data-mode=thermal] #modeControls{grid-template-columns:90px minmax(0,1fr) 30px;gap:5px}.thermal-clock{font-size:21px}.thermal-clock small{font-size:8px;margin-left:3px}.story-pin .segmented{padding:2px}.story-pin[data-mode=thermal] .segmented button{font-size:9px;min-height:29px;padding:4px 2px}.access-options button{font-size:9px;padding:6px 8px}.story-pin .inspector,.story-pin[data-mode=map] .inspector{right:5px;top:65px;bottom:30px;max-height:calc(100% - 95px)}.story-pin .group-option input{width:12px;height:12px}.story-pin[data-mode=agents] #modeControls{gap:8px}.story-pin[data-mode=agents] .group-option{font-size:9px;gap:4px}.story-pin[data-mode=agents] .outline-btn,.story-pin[data-mode=agents] .quiet-btn{font-size:9px}.story-pin .hotspot .pin{width:28px;height:28px;font-size:9px}.story-pin .node-card{min-width:86px}.story-pin .node-card span{font-size:8px}.story-pin .node-card b{font-size:8px}.story-chapter{height:calc(var(--chapter-length) * 1dvh)}}
@media(prefers-reduced-motion:reduce){.story-pin .view.active{animation:none}.story-progress>div{transition:none}.story-pin .stage{transition:none}}

.story-pin .metric strong b{font-weight:inherit}@media(max-width:900px) and (max-height:600px){.story-pin{min-height:0;grid-template-rows:24px minmax(0,1fr) 0 5px;gap:5px;padding-top:5px}.story-pin:not([data-mode=map]){grid-template-rows:24px minmax(0,1fr) 0 5px}.story-pin .bottom-bar{display:none}.story-pin .stage{grid-template-rows:32px minmax(0,1fr) 22px}.story-pin .view-caption{display:none}.story-pin .inspector,.story-pin[data-mode=map] .inspector{top:45px;bottom:10px;max-height:calc(100% - 55px)}}