:root{color-scheme:light;--ink:#172925;--muted:#596965;--cream:#fffaf0;--paper:#fffdf8;--gold:#c88616;--gold-dark:#8a5704;--teal:#0f5c58;--vermilion:#a83f2e;--line:#ead9b8;--shadow:0 24px 60px rgba(55,38,10,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f5ead4 0,#fffdf8 32rem);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--teal)}img{max-width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:20}.site-header,footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(255,253,248,.94);border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-weight:900;font-size:1.35rem;text-decoration:none;letter-spacing:.12em}.brand span{display:block;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.05em}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-weight:750}main{width:min(1180px,calc(100% - 2rem));margin:auto}.breadcrumbs{padding:1.25rem 0;color:var(--muted);font-size:.9rem}.story-hero,.collection-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(2rem,6vw,5rem) 0}.story-hero figure,.collection-hero figure{margin:0}.story-hero img,.collection-hero img{display:block;border-radius:1.5rem;box-shadow:var(--shadow);aspect-ratio:16/9;object-fit:cover}.story-hero figcaption,.collection-hero figcaption{padding:.7rem .2rem;color:var(--muted);font-size:.78rem}.eyebrow{color:var(--vermilion);font-weight:850;letter-spacing:.11em;font-size:.75rem}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96;margin:.4rem 0 1rem;color:#213e37}h2{font-family:Georgia,serif;line-height:1.15}.lede{font-family:Georgia,serif;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.35;color:var(--gold-dark)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.button,.page-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--teal);border-radius:999px;padding:.65rem 1.05rem;background:#fff;color:var(--teal);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:var(--teal);color:#fff}.button:focus-visible,.page-controls button:focus-visible,.page-dots button:focus-visible{outline:3px solid #f4b936;outline-offset:3px}.history-note,.story-extras,.available-story{margin:2rem 0 4rem;padding:clamp(1.2rem,3vw,2rem);background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:1.25rem}.history-note h2{margin-top:0}.storybook{scroll-margin-top:1rem;background:#f2dfba;border:1px solid #ddc08d;border-radius:1.6rem;padding:clamp(.75rem,3vw,2rem);box-shadow:var(--shadow)}.reader-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.bottom-navigation{margin:1rem 0 0}.page-controls{display:flex;align-items:center;gap:.75rem}.page-controls button:disabled{opacity:.4;cursor:not-allowed}.page-count{min-width:7.5rem;text-align:center;font-weight:800;color:var(--muted)}.page-dots{display:flex;gap:.45rem}.page-dots button{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--teal);background:#fff;color:var(--teal);font-weight:850;cursor:pointer}.page-dots button[aria-current="page"]{background:var(--teal);color:#fff}.story-page{position:relative;min-height:28rem;background:var(--paper);border:1px solid #dfcda9;border-radius:1rem;padding:clamp(1.5rem,5vw,4rem);overflow:hidden}.story-page[hidden]{display:none}.page-number{position:absolute;right:1.5rem;top:-1.5rem;color:rgba(200,134,22,.12);font:900 9rem/1 Georgia,serif}.page-copy{position:relative;max-width:760px;margin:auto}.page-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin:.3rem 0 1.5rem}.page-copy>p:not(.eyebrow){font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.8}.talk-card,.lesson-card{margin-top:2rem;padding:1rem 1.25rem;border-left:5px solid var(--gold);background:#fff5d9;border-radius:.25rem 1rem 1rem .25rem}.talk-card span{font-weight:850;color:var(--vermilion);text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.lesson-card h2{font-size:clamp(1.6rem,4vw,2.8rem)}.story-extras details{border-top:1px solid var(--line);padding:1rem 0}.story-extras summary{font-weight:850;cursor:pointer}.story-card{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;gap:1.5rem;align-items:center;text-decoration:none;color:var(--ink);border-radius:1rem;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.story-card img{height:100%;object-fit:cover}.story-card span{padding:1.25rem}.story-card h2{font-size:clamp(1.5rem,3vw,2.5rem)}footer{margin-top:5rem;border-top:1px solid var(--line);border-bottom:0}footer p{text-align:right;color:var(--muted)}@media(max-width:760px){body{font-size:16px}.site-header{align-items:flex-start}.site-header nav{justify-content:flex-end}.story-hero,.collection-hero{grid-template-columns:1fr;padding-top:2rem}.story-hero>div,.collection-hero>div{order:2}.story-hero figure,.collection-hero figure{order:1}.story-card{grid-template-columns:1fr}.story-card img{width:100%}.reader-navigation{justify-content:center}.page-dots{width:100%;justify-content:center}.page-number{font-size:6rem}.page-copy>p:not(.eyebrow){font-size:1.08rem}.story-page{min-height:35rem}footer{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}