.main-nav .active::after{right:0}
.story-page{background:var(--paper-light)}
.story-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;padding-top:78px}
.story-hero-media{min-height:640px}
.story-hero-media img{width:100%;height:100%;object-fit:cover}
.story-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(36px,6vw,90px)}
.story-hero-copy h1,.story-reading h2,.story-connections h2,.family-prompt h2,.story-product h2,.story-next h2{margin:0;font-family:"Lora",Georgia,serif;font-weight:600;line-height:1.08}
.story-hero-copy h1{font-size:clamp(3rem,5vw,5rem)}
.story-intro{font-size:1.05rem;color:var(--muted)}
.story-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}
.story-meta div{padding:13px;border-top:1px solid var(--line)}
.story-meta dt{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.story-meta dd{margin:4px 0 0;font-weight:600}
.story-actions{display:flex;gap:12px;flex-wrap:wrap}

.story-local-nav{position:sticky;top:78px;z-index:15;display:flex;justify-content:center;gap:28px;padding:15px;background:rgba(255,250,241,.95);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.story-local-nav a{font-size:.86rem;font-weight:600}

.story-reading{padding:90px 0;background:#fffdf8}
.story-reading-inner{width:min(760px,calc(100% - 36px));margin:auto}
.story-reading h2{font-size:clamp(2.1rem,4vw,3.4rem);margin-bottom:35px}
.story-text{font:400 1.16rem/1.9 "Lora",Georgia,serif;color:#47372e}
.story-text p{margin:0 0 1.35em}
.story-figure{margin:55px 0 0}
.story-figure img{width:100%;border-radius:24px;box-shadow:var(--shadow)}
.story-figure figcaption{margin-top:10px;color:var(--muted);font-size:.82rem}

.story-connections,.family-prompt,.story-product,.story-next{padding:90px 0}
.story-connections,.story-product{background:var(--paper)}
.family-prompt,.story-next{background:var(--paper-light)}
.section-heading{max-width:760px;margin-bottom:36px}
.section-heading h2{font-size:clamp(2.3rem,4vw,3.7rem)}
.story-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.story-related-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.story-related-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--forest-dark);font-weight:700}
.story-related-card h3{font:600 1.35rem "Lora",Georgia,serif}
.story-related-card p{color:var(--muted);font-size:.9rem}
.story-related-card a{font-weight:700;color:var(--forest-dark)}

.family-prompt-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}
.family-prompt h2{font-size:clamp(2.3rem,4vw,3.6rem)}
.family-prompt p{color:var(--muted)}
.family-prompt aside{padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px}
.family-prompt aside h3{font:600 1.35rem "Lora",Georgia,serif}

.story-product-layout{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}
.story-product h2{font-size:clamp(2.3rem,4vw,3.6rem)}
.story-product p{color:var(--muted)}
.story-product img{width:100%;border-radius:24px;box-shadow:var(--shadow)}

.story-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.story-next-grid a{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.story-next-grid strong,.story-next-grid small{display:block}
.story-next-grid strong{font:600 1.25rem "Lora",Georgia,serif}
.story-next-grid small{margin-top:7px;color:var(--muted)}

body.reading-mode .site-header,
body.reading-mode .story-local-nav,
body.reading-mode .site-footer{display:none}
body.reading-mode .story-hero{display:none}
body.reading-mode .story-reading{padding-top:40px}
body.reading-mode .story-reading-inner{width:min(820px,calc(100% - 36px))}
body.reading-mode .story-text{font-size:1.35rem;line-height:2}

@media(max-width:980px){
  .story-hero{grid-template-columns:1fr}
  .story-hero-media{min-height:460px}
  .story-hero-copy{padding:45px 30px}
  .story-related-grid,.story-next-grid{grid-template-columns:repeat(2,1fr)}
  .family-prompt-layout,.story-product-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  .story-hero{padding-top:68px}
  .story-hero-media{min-height:340px}
  .story-hero-copy{text-align:center;padding:32px 20px 42px}
  .story-meta{grid-template-columns:1fr}
  .story-actions{flex-direction:column}
  .story-local-nav{top:68px;justify-content:flex-start;overflow-x:auto;white-space:nowrap}
  .story-reading,.story-connections,.family-prompt,.story-product,.story-next{padding:65px 0}
  .story-text{font-size:1.05rem;line-height:1.8}
  .story-related-grid,.story-next-grid{grid-template-columns:1fr}
}