.chapter-nav{background:light-dark(oklch(from var(--neutral)var(--100)),oklch(15% .01 240));padding:.5rem 1rem}.chapter-title{text-align:center;margin:2rem 0 1.5rem}.nav-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.prev-chapter,.next-chapter,.story-name,.nav-disabled{font-size:1rem;font-weight:var(--font-weight-lg);border-radius:.25rem;padding:.5rem 1rem;transition:background .2s}.prev-chapter,.next-chapter{color:var(--color-accent);text-decoration:none}.nav-disabled{color:var(--color-disabled,#666);cursor:not-allowed}.prev-chapter:hover,.next-chapter:hover,button.story-name:hover{background:light-dark(oklch(from var(--neutral)var(--200)),oklch(30% .03 270))}.story-chapter{padding:0 1rem}@media (width>=768px){.story-chapter{padding:0}}@media (width<=640px){.nav-buttons{font-size:.9rem}.prev-chapter,.next-chapter,.story-name{padding:.4rem .75rem}}.story-dropdown{margin:0 auto;position:relative}.story-name{color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin:0 auto;font-family:inherit}.story-menu{background:var(--color-bg);border:1px solid var(--color-border);z-index:100;border-radius:.5rem;min-width:200px;max-height:400px;margin-top:.5rem;padding:.5rem 0;display:none;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%)}.story-menu.show{display:block}.story-menu a{color:var(--color-base);padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:block}.story-menu a:hover{background:light-dark(oklch(from var(--neutral)var(--100)),oklch(25% .02 270))}.story-menu a.current-chapter{background:light-dark(oklch(from var(--primary)var(--100)),oklch(25% .15 300));color:var(--color-text);font-weight:var(--font-weight-lg)}.story-menu .back-link,.story-menu .show-all-link{border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-lg);margin-bottom:.5rem;padding-bottom:.75rem}.story-menu .show-all-link{color:var(--color-link)}@media (width<=640px){.story-menu{min-width:180px;max-height:300px;font-size:.85rem}}.stories-intro{text-align:center;max-width:800px;margin:0 auto 3rem;padding:2rem 1rem 0}.stories-intro h1{margin-bottom:1rem}.stories-intro p{font-size:1.1rem;line-height:1.6}.stories-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.story-card{background:light-dark(oklch(from var(--neutral)var(--50)),oklch(15% .01 240));border:1px solid var(--color-border);text-align:center;border-radius:.5rem;padding:2rem;transition:transform .2s,box-shadow .2s}.story-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.story-card h2{color:var(--color-accent);margin-bottom:1rem}.story-card p{color:var(--color-base);margin-bottom:1.5rem}.story-card a{background:var(--color-accent);color:var(--color-bg);font-weight:var(--font-weight-lg);border-radius:.25rem;padding:.5rem 1.5rem;text-decoration:none;transition:opacity .2s;display:inline-block}.story-card a:hover{opacity:.85}.story-all-chapters .chapter-section{border-bottom:2px solid var(--color-border);margin-bottom:4rem;padding-bottom:4rem}.story-all-chapters .chapter-section:last-child{border-bottom:none}.story-all-chapters .chapter-section h2{color:var(--color-accent);font-size:var(--font-size-xl);margin-bottom:2rem}.story-all-chapters .chapter-content p{margin-bottom:1rem}.story-all-chapters .chapter-content p:last-child{margin-bottom:0}