.story-app{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.story-header{color:#f7f2e9;background:#173f4c;border-radius:16px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:2rem;padding:2.5rem 2.75rem;display:grid}.story-title-row{align-items:flex-start;gap:1.25rem}.story-title-copy{flex:1}.story-eyebrow{color:#9dd3c5;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem;font-weight:700}.story-header h1,.story-section-heading h2,.chapter-card h3{margin:0}.story-header h1{letter-spacing:-.035em;max-width:680px;font-family:Fraunces,serif;font-size:clamp(2.3rem,6vw,5.2rem);font-weight:600;line-height:.98}.story-intro{color:#d5e5df;max-width:560px;margin:1.25rem 0 0;line-height:1.7}.story-mark{color:#9dd3c5;opacity:.85;text-align:center;font-family:Fraunces,serif;font-size:clamp(8rem,18vw,13rem);line-height:.8}.chapter-section{padding-top:2.75rem}.story-section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.story-section-heading h2{color:var(--ink);font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.chapter-count,.chapter-level,.chapter-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.chapter-card{border:1px solid var(--line);background:#fffaf1;flex-direction:column;min-height:280px;padding:1.5rem;display:flex}.chapter-card-top{justify-content:space-between;gap:.75rem;margin-bottom:2.4rem;display:flex}.chapter-level{color:var(--coral)}.chapter-card h3{color:var(--ink);font-family:Fraunces,serif;font-size:2rem}.chapter-subtitle{color:var(--muted);margin:.35rem 0 1rem;font-style:italic}.chapter-detail{max-width:42rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.65}.chapter-button{background:var(--ink);color:var(--paper);align-self:flex-start;margin-top:auto;padding:.75rem 1rem;text-decoration:none;transition:background .2s,transform .2s}.chapter-button:hover{background:var(--coral);transform:translateY(-2px)}.chapter-button span{margin-left:1.5rem}@media (max-width:640px){.story-app{width:min(100% - 1.25rem,1120px);padding-top:1.25rem}.story-header{grid-template-columns:1fr;padding:1.75rem}.story-mark{display:none}.story-section-heading{flex-direction:column;align-items:start}}
