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