/* Load after final-design.css. Chapter text remains readable without JavaScript. */
body .about-story-v4{display:block;padding-inline:var(--gutter);max-width:none;background:#fff;color:#43235b}
.about-story-v4 #story-heading{max-width:900px;margin:0 0 24px}
body .about-story-v4 .story-intro{max-width:760px;margin:0 0 clamp(32px,5vw,64px);font-size:clamp(18px,1.6vw,22px);line-height:1.65}
.about-story-v4 .story-reader{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,100px);align-items:start}
.about-story-v4 .story-chapters{display:block;position:static;padding:0;background:none;border-top:1px solid #43235b30}
.about-story-v4 .story-choice{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:start;gap:16px;padding:25px 0;min-height:44px;border-bottom:1px solid #43235b30;text-decoration:none;color:#43235b;background:transparent;transition:color 200ms ease}
.about-story-v4 .story-number{font-size:14px;line-height:2.4;color:#43235b99}
.about-story-v4 .story-choice strong{display:block;font-weight:500;font-size:clamp(23px,2.3vw,34px);line-height:1.2;letter-spacing:-.035em}
.about-story-v4 .story-choice small{display:block;max-width:330px;margin-top:10px;font-size:16px;font-weight:400;line-height:1.55;color:#43235bb3}
.about-story-v4 .story-arrow{font-size:23px;transition:transform 200ms ease}
.about-story-v4 .story-choice:hover .story-arrow,.about-story-v4 .story-choice[aria-selected=true] .story-arrow{transform:translate(2px,-2px);color:#f47735}
.about-story-v4 .story-choice[aria-selected=true]{border-bottom:2px solid #f47735;padding-bottom:24px}
.about-story-v4 .story-choice:focus-visible,.about-story-v4 .story-page:focus-visible{outline:3px solid #43235b;outline-offset:5px;border-radius:2px}
.about-story-v4 .story-page{padding:0 0 36px;margin:0;scroll-margin-top:120px}
body .about-story-v4 .story-kicker{font-size:13px;letter-spacing:.13em;line-height:1.5;margin:0 0 20px;font-weight:600}
.about-story-v4 .story-page h3{font-size:clamp(29px,3vw,43px);line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0 0 25px;color:#43235b}
body .about-story-v4 .story-page p:not(.story-kicker){font-size:18px;line-height:1.75;margin:0 0 20px;max-width:650px}
.about-story-v4 .story-ready .story-pages{display:grid}
.about-story-v4 .story-ready .story-page{grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity 200ms ease,transform 200ms ease,visibility 200ms}
.about-story-v4 .story-ready .story-page[data-active=true]{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:760px){
 .about-story-v4 .story-reader{grid-template-columns:minmax(0,1fr);gap:32px}
 .about-story-v4 .story-choice{padding-block:18px;gap:12px}
 .about-story-v4 .story-choice[aria-selected=true]{padding-bottom:17px}
 .about-story-v4 .story-choice strong{font-size:25px}
 .about-story-v4 .story-choice small{max-width:none;font-size:15px;margin-top:6px}
 body .about-story-v4 .story-page p:not(.story-kicker){font-size:17px;line-height:1.7}
 .about-story-v4 .story-page{padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.about-story-v4 .story-choice,.about-story-v4 .story-arrow,.about-story-v4 .story-ready .story-page{transition:none;transform:none}}
@media print{.about-story-v4 .story-ready .story-pages{display:block}.about-story-v4 .story-ready .story-page{visibility:visible;opacity:1;transform:none;break-inside:avoid}.about-story-v4 .story-chapters{display:none}}

/* A consistent reading surface gives the changing chapter a clear place. */
body .about-story-v4 .story-pages{
 min-width:0;padding:clamp(32px,3vw,40px);border-radius:var(--radius-panel,20px);
 background:radial-gradient(ellipse at 100% 0%,#f477351c 0%,transparent 65%),#43235b;
 color:#fff;
}
body .about-story-v4 .story-pages .story-page{min-width:0;padding-bottom:0;color:#fff}
body .about-story-v4 .story-pages .story-page h3,
body .about-story-v4 .story-pages .story-page p:not(.story-kicker),
body .about-story-v4 .story-pages .story-page em{color:#fff}
body .about-story-v4 .story-pages .story-kicker{color:#c4e889}
body .about-story-v4 .story-pages .story-page p:last-child{margin-bottom:0}
body .about-story-v4 .story-pages .story-page:focus-visible{outline-color:#c4e889}
@media(max-width:760px){body .about-story-v4 .story-pages{padding:24px}}
@media print{
 body .about-story-v4 .story-pages{background:#fff;padding:0;color:#43235b}
 body .about-story-v4 .story-pages .story-page{padding-bottom:28px}
 body .about-story-v4 .story-pages .story-page h3,
 body .about-story-v4 .story-pages .story-page p,
 body .about-story-v4 .story-pages .story-page p:not(.story-kicker),
 body .about-story-v4 .story-pages .story-page em{color:#43235b}
}