.page-story{--story-reading-width:720px;background:#faf8f5;color:#48433f}
.narrative-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:7%;padding-top:60px;padding-bottom:64px}
.narrative-heading h1{font-size:clamp(34px,3.55vw,52px);font-weight:400;line-height:1.6;letter-spacing:.015em;margin:26px 0 28px}
.narrative-heading h1 span{display:block;white-space:nowrap}
.hero-message{font-size:17px;line-height:1.9;margin-bottom:30px;color:#66544d}
.narrative-heading .text-link{font-size:15px}
.narrative-portrait{margin:0}.narrative-portrait>img{width:100%;height:auto;display:block}
.narrative-portrait figcaption{display:flex;gap:24px;align-items:center;padding:20px 0 0;font-size:12px;line-height:1.8;color:#756b64}
.author-name{font-size:21px;color:#48433f;white-space:nowrap}
.narrative-intro{max-width:var(--story-reading-width);border-top:1px solid #e3d8cf;padding-top:38px;padding-bottom:34px;scroll-margin-top:110px}
.narrative-intro p{font-size:18px;line-height:2;margin:0 0 15px}.narrative-intro p:last-child{margin:0}.narrative-intro p:nth-child(2){font-family:'Zen Old Mincho',serif;font-size:24px;color:#8b5351}
.narrative-toc{display:grid;grid-template-columns:repeat(2,1fr);max-width:var(--story-reading-width);gap:18px;padding-top:12px;padding-bottom:34px}
.narrative-toc a{font-size:13px;text-decoration:none;display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #d8c9bf;color:#69584e;line-height:1.7}
.narrative-toc a span{font-family:Outfit,sans-serif;color:#99574f;font-size:18px}.narrative-toc a:hover{color:#ac5652;border-color:#ac5652}
.narrative-chapter{padding-top:72px;padding-bottom:78px;scroll-margin-top:100px}
.chapter-heading{margin-bottom:32px;max-width:none}.chapter-number{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:.08em;color:#8b6256;margin:0 0 17px}
.chapter-number span{font-family:Outfit,sans-serif;font-size:40px;line-height:1;font-weight:300;color:#b7736f}
.chapter-heading h2{font-family:'Zen Old Mincho',serif;font-size:34px;line-height:1.7;font-weight:400;letter-spacing:.02em;margin:0}
.chapter-heading h2 span{display:block}
.narrative-split{display:flex;flex-direction:column;align-items:stretch;gap:32px}.narrative-split>.narrative-prose{width:100%}
.narrative-prose p{font-size:18px;line-height:2.05;letter-spacing:.02em;margin:0 0 21px;overflow-wrap:break-word}
.narrative-prose p:last-child{margin-bottom:0}
.narrative-prose .narrative-pull{font-family:'Zen Old Mincho',serif;font-size:25px;color:#8b504b;line-height:1.8;margin:28px 0;padding-left:0;border-left:0}
.narrative-image{margin:0;min-width:0;width:100%}.narrative-image img{width:100%;height:auto;display:block}
.narrative-image figcaption{font-size:13px;line-height:1.8;color:#7d6b60;margin-top:14px;letter-spacing:.015em}
.narrow{max-width:none;margin-left:0;margin-right:0}
.dusk{background:#f0e8e3}.dusk .chapter-heading{margin-left:0;margin-right:0;max-width:none}
.aftermath{margin-top:45px;padding-top:40px;border-top:1px solid #d9c6ba}
.aftermath .narrative-pull{font-size:32px;border-left:0;padding:0;margin:25px 0;color:#80504c}
.discovery{margin-bottom:42px}.need-support{border-top:1px solid #e0d4c8;padding-top:38px;margin-bottom:42px}
.listening{align-items:stretch;gap:32px;margin-top:26px}.listening .narrative-image{align-self:start}
.future{background:linear-gradient(125deg,#f8ece8 0%,#f8f2e9 65%,#f8f7ef 100%)}
.future .chapter-heading{max-width:none;margin-left:0;margin-right:0}
.future .narrative-prose p:first-child{font-family:'Zen Old Mincho',serif;font-size:24px;line-height:1.9;color:#84554c}
.future .narrative-prose p:last-child{font-family:'Zen Old Mincho',serif;font-size:25px;line-height:1.9;margin-top:32px;color:#84554c}
.narrative-sign{display:flex;justify-content:flex-end;align-items:center;gap:22px;max-width:none;margin:38px 0 0}.narrative-sign img{width:82px;height:82px;object-fit:cover;border-radius:50%}.narrative-sign p{font-size:12px;line-height:1.8;color:#78685c}.narrative-sign p span{display:block;font-size:24px;margin-top:5px;color:#51443e}
.story-next{max-width:var(--story-reading-width);text-align:center;padding-top:64px;padding-bottom:46px}.story-next .eyebrow{justify-content:center}.story-next h2{font-family:'Zen Old Mincho',serif;font-size:31px;font-weight:400;line-height:1.8;margin:16px 0 22px}.story-next>p:not(.eyebrow):not(.new-tab){font-size:17px;line-height:2;text-align:left;margin:0 0 28px}
.narrative-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:62px;padding:14px 25px;background:#965a52;color:#fff;text-decoration:none;font-size:16px;letter-spacing:.025em}.narrative-button img{filter:brightness(0) invert(1);width:23px;height:23px}.narrative-button:hover{background:#7e4844}.narrative-button:focus-visible,.narrative-toc a:focus-visible{outline:3px solid #855450;outline-offset:5px}.new-tab{font-size:12px;color:#75695f;margin:12px 0 0}
.illustration-note{font-size:12px;color:#82766d;text-align:center;padding-bottom:30px;line-height:1.8}
@media(max-width:1050px){.narrative-hero{gap:5%;grid-template-columns:1.3fr 1fr}.narrative-heading h1{font-size:34px}.hero-message{font-size:15px}.narrative-split{gap:32px}.narrative-prose p{font-size:18px}.chapter-heading h2{font-size:31px}.narrative-portrait figcaption{gap:15px}.narrative-toc{gap:15px}.narrative-toc a{font-size:12px;gap:9px}}
@media(max-width:760px){.narrative-hero{grid-template-columns:1fr;gap:34px;padding-top:34px;padding-bottom:34px}.narrative-heading h1{font-size:clamp(27px,7.2vw,43px);margin:19px 0 22px;line-height:1.65;letter-spacing:.015em}.narrative-heading .eyebrow{font-size:12px}.hero-message{font-size:15px;margin-bottom:21px}.narrative-portrait{max-width:410px;width:100%;margin:0 auto}.narrative-portrait figcaption{justify-content:space-between;padding-top:14px}.narrative-intro{padding-top:26px;padding-bottom:24px;scroll-margin-top:92px}.narrative-intro p{font-size:17px;line-height:1.95}.narrative-intro p:nth-child(2){font-size:22px}.narrative-toc{grid-template-columns:repeat(2,1fr);gap:6px 17px;padding-top:0;padding-bottom:10px}.narrative-toc a{font-size:12px;gap:10px;padding:12px 0}.narrative-chapter{padding-top:44px;padding-bottom:48px;scroll-margin-top:85px}.chapter-heading{margin-bottom:27px}.chapter-number{margin-bottom:16px;gap:13px;font-size:12px}.chapter-number span{font-size:33px}.chapter-heading h2{font-size:clamp(23px,6.4vw,30px);line-height:1.7;letter-spacing:0}.narrative-split{display:flex;flex-direction:column;gap:26px}.narrative-prose p{font-size:17px;line-height:2;letter-spacing:.015em;margin-bottom:19px}.narrative-prose .narrative-pull{font-size:23px;padding-left:0;margin:23px 0}.narrative-image{width:100%}.narrative-image figcaption{font-size:12px;margin-top:11px}.aftermath{margin-top:29px;padding-top:29px}.aftermath .narrative-pull{font-size:27px;padding:0}.discovery{margin-bottom:29px}.need-support{padding-top:29px;margin-bottom:29px}.listening{gap:25px}.future .narrative-prose p:first-child{font-size:23px}.future .narrative-prose p:last-child{font-size:23px;margin-top:27px}.narrative-sign{margin-top:29px;gap:16px}.narrative-sign img{width:70px;height:70px}.story-next{padding-top:43px;padding-bottom:35px}.story-next h2{font-size:25px;margin:12px 0 19px}.story-next>p:not(.eyebrow):not(.new-tab){font-size:16px;line-height:2;margin-bottom:24px}.narrative-button{font-size:15px;min-height:60px;gap:13px;padding:13px 18px}.illustration-note{font-size:11px;padding-bottom:25px;text-align:left}}
@media print{.header,.footer,.narrative-toc,.story-next{display:none}.narrative-hero{padding-top:0}.narrative-prose p{font-size:12pt}.narrative-chapter{padding-top:30px;padding-bottom:30px}.narrative-image{break-inside:avoid}.narrative-heading h1{font-size:30px}}

.narrative-prose .phrase{display:inline-block;white-space:nowrap}.dusk .chapter-heading{margin-left:0;max-width:none}

/* The story follows one shared reading column, with or without illustrations. */
.narrative-chapter.wrap,.narrative-chapter>.wrap,.illustration-note{max-width:var(--story-reading-width)}
