.story-lesson{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 4rem;color:var(--ink)}.story-lesson-nav{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0 1rem;color:var(--muted);font-size:.85rem}.story-lesson-nav a{color:var(--coral);font-weight:700;text-decoration:none}.lesson-hero{display:grid;grid-template-columns:1fr 180px;grid-gap:2rem;gap:2rem;align-items:center;padding:2.75rem;background:#173f4c;border-radius:16px;color:#f7f2e9}.lesson-eyebrow{margin:0 0 .75rem;color:#9dd3c5;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lesson-hero h1{margin:0;font-family:Fraunces,serif;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.95}.lesson-hero h1 span{color:#9dd3c5}.lesson-hero p:last-child{max-width:620px;margin:1.25rem 0 0;color:#d5e5df;line-height:1.7}.lesson-kanji{color:#9dd3c5;font-family:Fraunces,serif;font-size:12rem;line-height:.8;text-align:center}.lesson-card{margin-top:1.5rem;overflow:hidden;border:1px solid var(--line);background:#fff}.lesson-card-header{padding:1rem 1.35rem;background:#edf5fa;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700}.lesson-card-body{padding:1.35rem}.lesson-card h2{margin:0 0 .75rem;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.4rem)}.lesson-tag{display:inline-block;margin:0 0 .8rem;color:var(--coral);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lesson-subcard{margin-top:1.35rem;padding:1.15rem;border:1px solid var(--line);background:#fffaf1}.lesson-subcard h3{margin:0 0 .8rem;color:var(--ink);font-family:Fraunces,serif;font-size:1.55rem}.lesson-card-body li,.lesson-subcard p{line-height:1.7}.lesson-phrase{color:var(--coral);font-size:1.7rem;font-weight:700}.lesson-muted{color:var(--muted)}table{width:100%;margin:1rem 0;border-collapse:collapse}td,th{padding:.65rem .75rem;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf6fb;color:var(--ink)}.story-reading{display:inline-grid;grid-template-columns:auto auto;align-items:center;white-space:nowrap}.story-romaji{grid-column:1;color:var(--muted);font-size:.78rem;font-style:italic}.story-reading .story-speak{grid-column:2;grid-row:1}.story-speak{margin-left:.45rem;padding:.25rem .5rem;border:1px solid var(--coral);background:#fff;color:var(--coral);cursor:pointer;font:inherit;font-size:.78rem}.story-speak:hover{background:#fff0e9}.lesson-example{margin-top:.85rem;padding:.9rem 1rem;border-left:4px solid #d7a64c;background:#fff7e4}.lesson-example h4{margin:0 0 .35rem;color:var(--ink)}.lesson-example p{margin:0}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem;padding:0;list-style:none}.pattern-grid li{padding:.8rem;border:1px solid var(--line);background:#f8fafb}.pattern-grid small{color:var(--muted)}.lesson-quiz{padding:1rem;background:#f6f9fc;border:1px solid var(--line)}.lesson-quiz h3{margin-top:0}@media (max-width:700px){.story-lesson{width:min(100% - 1rem,1120px)}.lesson-hero{grid-template-columns:1fr;padding:1.75rem}.lesson-kanji{display:none}.story-lesson-nav{flex-direction:column}table{display:block;overflow-x:auto;white-space:nowrap}}