/* One pinned composition. All chapters reserve the same reading space. */
.history-enhanced:not(.motion-muted) #analysis>.wrap>.section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.motion-muted .history-stage>.section-head{display:none}
.history-enhanced:not(.motion-muted) .history-layout{height:260vh}
.history-enhanced:not(.motion-muted) .history-stage{top:20px;min-height:0;grid-template-rows:auto 1fr;gap:24px 60px;padding:12px 0 24px;background:#090b0e}
.history-stage>.section-head{grid-column:1/-1;margin:0;padding:0 0 22px;border-bottom:1px solid #30383e;position:relative}
.history-stage>.section-head:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#baff00;transform:scaleX(var(--story-progress,0));transform-origin:left}
.history-stage>.section-head h2{font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-.045em}
.history-enhanced:not(.motion-muted) .mobile-story{display:grid;align-self:center}
.story-panel{grid-area:1/1;opacity:0;will-change:opacity,transform}
.story-panel .story-number{font-size:32px;margin-bottom:18px}
.story-panel .story-title{margin:0 0 20px}
.story-panel strong{font-size:clamp(32px,3.4vw,49px)}
.story-panel>p:last-child{font-size:16px;line-height:1.6;color:#c5ced9;border-left:2px solid #baff00;padding-left:20px;margin:0}
.history-enhanced:not(.motion-muted) .history-pin .motion-scene{height:45vh;min-height:220px}
.history-pin .scene-note{display:none}
.history-pin .fine{margin:14px 0 0;font-size:11px}
.history-pin .scene-label{font-size:10px;min-height:24px}
.history-pin .history-legend{margin-top:0}
@media(max-width:760px){
 .history-enhanced:not(.motion-muted) .history-layout{height:250vh}
 .history-enhanced:not(.motion-muted) .history-stage{top:8px;display:grid;grid-template-columns:1fr;gap:16px;padding:8px 0 18px}
 .history-stage>.section-head{grid-row:1;padding-bottom:14px}
 .history-stage>.section-head h2{font-size:27px}
 .history-stage>.history-pin{grid-row:2;border:0}
 .history-stage>.mobile-story{grid-row:3}
 .history-enhanced:not(.motion-muted) .history-pin .motion-scene{height:23vh;min-height:150px}
 .story-panel .story-number{font-size:24px;margin:0 0 10px}
 .story-panel strong{font-size:28px}
 .story-panel .story-title{margin-bottom:14px}
 .story-panel>p:last-child{font-size:14px;line-height:1.5;padding-left:14px}
 .history-pin .fine{font-size:10px;margin-top:8px}
 .history-pin .history-legend{font-size:8px}
}
@media(max-height:600px){
 .history-enhanced:not(.motion-muted) #analysis>.wrap>.section-head{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
 .history-stage>.section-head{display:none}
 .history-enhanced:not(.motion-muted) .history-layout{height:auto}
 .history-enhanced:not(.motion-muted) .history-stage{position:static;display:block}
 .history-enhanced:not(.motion-muted) .history-stage>.mobile-story{display:none}
}
.motion-muted .history-stage>.section-head{margin-bottom:24px}