:root{--ink:#26352e;--muted:#637067;--paper:#fbf8f0;--card:#fffdf8;--leaf:#426247;--leaf-dark:#2f4934;--gold:#a8752d;--line:#ddd5c5;--soft:#f2ead9;--sky:#e9f3ee;--shadow:0 18px 48px rgba(38,53,46,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:20;background:#fff;padding:12px;border:2px solid var(--leaf)}
.kids-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(251,248,240,.96)}.kids-brand{color:var(--leaf-dark);font-size:32px;font-weight:700;text-decoration:none;letter-spacing:.05em}.prototype-pill{border:1px solid var(--gold);border-radius:999px;padding:7px 12px;color:#76501e;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.08em}
.kids-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px}.story-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:36px;align-items:center;margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--gold);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.14em}.story-intro h1{margin:0;font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.04em}.story-intro .dek{max-width:690px;margin:22px 0;color:var(--leaf-dark);font-size:clamp(20px,2.2vw,28px);line-height:1.45}.story-meta{display:flex;flex-wrap:wrap;gap:10px}.story-meta span{padding:9px 12px;border-radius:999px;background:var(--soft);font:700 13px/1.2 Arial,sans-serif}.characters{display:grid;gap:12px}.character{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.character strong{display:block;margin-bottom:5px;color:var(--leaf-dark);font-size:20px}.character p{margin:0;color:var(--muted);font:15px/1.55 Arial,sans-serif}
.book{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:var(--shadow)}.book-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line);background:#fff}.progress-label{margin:0;color:var(--muted);font:700 13px/1.2 Arial,sans-serif}.progress-dots{display:flex;gap:8px}.progress-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#d7d1c5;cursor:pointer}.progress-dot[aria-current="step"]{background:var(--leaf);transform:scale(1.18)}
.scene{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);min-height:620px}.scene-figure{margin:0;background:#efe8da}.scene-figure img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}.scene-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,62px)}.scene-number{margin:0 0 8px;color:var(--gold);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.12em}.scene h2{margin:0 0 26px;font-size:clamp(34px,4vw,52px);line-height:1.05}.story-lines{display:grid;gap:14px}.story-lines p{margin:0;font-size:clamp(22px,2.2vw,29px);line-height:1.45}.talk-together{margin-top:30px;padding:18px 20px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:var(--soft)}.talk-together strong{display:block;margin-bottom:5px;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.1em}.talk-together p{margin:0;font-size:18px;line-height:1.5}.scene[hidden]{display:none}
.book-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 20px;border-top:1px solid var(--line);background:#fff}.book-button{min-height:52px;padding:13px 20px;border:0;border-radius:14px;background:var(--leaf);color:#fff;font:700 16px/1.2 Arial,sans-serif;cursor:pointer}.book-button:hover{background:var(--leaf-dark)}.book-button:disabled{opacity:.4;cursor:not-allowed}.book-button.next{justify-self:end}.page-count{color:var(--muted);font:700 14px/1.2 Arial,sans-serif}
.lesson{margin:34px 0;padding:clamp(26px,5vw,48px);border-radius:24px;background:var(--leaf-dark);color:#fff}.lesson h2{margin:0 0 12px;font-size:clamp(30px,4vw,46px)}.lesson p{max-width:880px;margin:0;font-size:clamp(20px,2.2vw,27px);line-height:1.5}.parent-note{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.parent-note h2{font-size:26px}.parent-note p,.parent-note li{font:16px/1.7 Arial,sans-serif;color:var(--muted)}.parent-note a{color:var(--leaf-dark)}.kids-footer{padding:28px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font:14px/1.6 Arial,sans-serif}.kids-footer p{margin:0}
button:focus-visible,a:focus-visible{outline:3px solid #cf983d;outline-offset:4px}@media(max-width:820px){.story-intro,.scene{grid-template-columns:1fr}.scene{min-height:0}.scene-figure img{min-height:0;aspect-ratio:16/10}.scene-copy{padding:28px 22px 34px}.book-controls{grid-template-columns:1fr 1fr}.page-count{grid-column:1/-1;grid-row:1;text-align:center}.book-button{grid-row:2}.story-intro h1{font-size:50px}}@media(max-width:480px){.kids-main{width:min(100% - 20px,1180px);padding-top:28px}.kids-header{padding:16px}.kids-brand{font-size:27px}.story-intro{gap:24px}.story-intro h1{font-size:43px}.book{border-radius:18px}.scene h2{font-size:34px}.story-lines p{font-size:22px}.book-button{padding:12px 14px}.prototype-pill{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-dot{transition:none}}

/* Picture-book interaction controls */
.book{touch-action:pan-y}.book-top{display:grid;grid-template-columns:1fr auto 1fr}.swipe-hint{margin:4px 0 0;color:var(--leaf);font:13px/1.3 Arial,sans-serif}.reading-tools{display:flex;justify-content:flex-end;gap:8px}.tool-button{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--leaf-dark);font:700 13px/1.2 Arial,sans-serif;cursor:pointer}.tool-button[aria-pressed="true"]{border-color:var(--leaf);background:var(--sky)}
.book[data-direction="next"] .scene:not([hidden]){animation:page-in-next .34s ease-out}.book[data-direction="previous"] .scene:not([hidden]){animation:page-in-previous .34s ease-out}@keyframes page-in-next{from{opacity:.3;transform:translateX(32px)}to{opacity:1;transform:none}}@keyframes page-in-previous{from{opacity:.3;transform:translateX(-32px)}to{opacity:1;transform:none}}
.book-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.story-complete{padding:28px 20px;text-align:center;border-top:1px solid var(--line);background:var(--sky)}.story-complete h2{margin:0 0 8px;font-size:32px}.story-complete>p:not(.eyebrow){margin:0;color:var(--muted);font:17px/1.5 Arial,sans-serif}.completion-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.book:fullscreen,.book.reading-mode{width:100%;height:100%;max-width:none;border:0;border-radius:0;overflow:auto;background:var(--paper)}.book:fullscreen .scene,.book.reading-mode .scene{min-height:calc(100vh - 150px)}.book.reading-mode{position:fixed;inset:0;z-index:100}
@media(max-width:820px){.book-top{grid-template-columns:1fr auto}.progress-dots{grid-column:1/-1;grid-row:2;justify-content:center}.reading-tools{align-self:start}}
@media(max-width:480px){.book-top{grid-template-columns:1fr}.reading-tools{justify-content:flex-start}.progress-dots{grid-row:auto}.completion-actions{flex-direction:column}.completion-actions .book-button{width:100%}}
@media(prefers-reduced-motion:reduce){.book[data-direction] .scene:not([hidden]){animation:none}}