/* Readable document flow is the baseline; motion is enabled only after fit checks. */
.scroll-statement{padding-block:80px}
.statement-stage{padding-block:32px}
.statement-text{font-size:clamp(26px,4.1vw,58px);font-weight:500;line-height:1.3;letter-spacing:-.025em;max-width:1050px;color:var(--fg)}
html[lang=he] .statement-text{line-height:1.48;letter-spacing:0}
.statement-track{height:2px;background:var(--line);margin-top:36px;max-width:320px;overflow:hidden}
.statement-track i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--ink-progress,1));transform-origin:0 50%}
[dir=rtl] .statement-track i{transform-origin:100% 50%}
.statement-hint{font-size:11px;color:var(--muted);margin-top:18px}
.ink-running{min-height:180svh;padding-block:0}
.ink-running .statement-stage{position:sticky;top:110px;min-height:calc(100svh - 150px);display:flex;flex-direction:column;justify-content:center}
.ink-running .ink-word{color:#5e554d;transition:color .12s linear}
.ink-running .ink-word.is-inked{color:var(--fg)}
/* In-flow runout, not padding: sticky constraints exclude bottom padding. */
.stack-running .chapter-cards{padding-bottom:0}.stack-running .chapter-cards:after{content:"";display:block;height:30vh}
/* Spacing belongs to flow anchors, not sticky margin boxes: retain each tab until 04 exits. */
.stack-running .chapter-anchor:not(:first-child){margin-top:clamp(60px,12vh,120px)}
.stack-running .chapter-card{position:sticky!important;top:calc(100px + var(--card-index)*36px)!important;z-index:calc(1 + var(--card-index));margin-bottom:0;min-height:310px;padding:28px 38px 34px;grid-template-columns:80px 1fr;gap:24px;transform:scale(var(--chapter-scale,1))!important;transform-origin:50% 0;box-shadow:0 -5px 24px #0002;transition:box-shadow .2s}
.stack-running .chapter-card .chapter-number{font-size:30px;line-height:36px;color:#a7462c}
.stack-running .chapter-card h3{font-size:34px;line-height:1.14;max-width:750px}
.stack-running .chapter-card .eyebrow{display:none}
.stack-running .chapter-card.is-current{box-shadow:0 -8px 40px #0004}
.stack-running .chapter-card:last-child{margin-bottom:0}
.chapter-card.stack-too-tall{position:relative!important;top:auto!important;transform:none!important}
.story-trail{position:relative}
.story-trail:after{content:'';position:absolute;inset-inline-start:0;top:0;width:2px;height:100%;background:var(--accent);transform:scaleY(var(--trail-progress,0));transform-origin:top;pointer-events:none}
.story-trail article{transition:opacity .25s}
.story-trail article.is-past{opacity:.65}
@media(max-width:900px){.stack-running .chapter-anchor:not(:first-child){margin-top:70px}.stack-running .chapter-card{top:calc(90px + var(--card-index)*30px)!important;padding:20px 22px 26px;grid-template-columns:1fr;gap:8px;min-height:300px;margin-bottom:0}.stack-running .chapter-number{font-size:24px!important;line-height:30px!important}.stack-running .chapter-card h3{font-size:27px;margin:0 0 14px}.stack-running .chapter-card p{font-size:15px;line-height:1.65}.stack-running .chapter-card details{margin-top:16px}.stack-running .chapter-cards{padding-bottom:0}.stack-running .chapter-cards:after{height:20vh}.ink-running{min-height:165svh}.ink-running .statement-stage{top:95px;min-height:calc(100svh - 120px)}.statement-text{font-size:28px;line-height:1.4}.statement-stage .eyebrow{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.ink-word,.story-trail article{transition:none!important}}
@media print{.ink-running{min-height:0}.ink-running .statement-stage,.stack-running .chapter-card{position:static!important;min-height:0;transform:none!important}.ink-running .ink-word{color:#222!important}.statement-hint,.statement-track{display:none}}
.stack-running .chapter-card{min-height:280px;padding-top:54px;grid-template-columns:1fr}
.stack-running .chapter-card .chapter-number{position:absolute;top:3px;inset-inline-start:28px;font-size:24px;line-height:30px}
@media(max-width:900px){.stack-running .chapter-card{padding-top:44px;min-height:280px}.stack-running .chapter-card .chapter-number{inset-inline-start:22px;top:1px}}
.type-ready span{opacity:0}
.type-ready.is-typed span{animation:letter-in 1ms var(--letter-delay) both}
@keyframes letter-in{to{opacity:1}}
.reduce-motion .type-ready span{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.type-ready span{animation:none!important;opacity:1}}
@media print{.type-ready span{animation:none!important;opacity:1}}
.chapter-sequence:not(.stack-running) .chapter-card{position:relative!important;top:auto!important;transform:none!important}
html[lang=he] .stack-running .chapter-card h3{line-height:1.3;letter-spacing:-.015em}