:root{--ink:#44342b;--red:#a60e19;--cream:#fff9ee;--green:#315b43}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 system-ui,sans-serif}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(34px,4vw,50px);margin:4px 0 22px}button{font:inherit;border:0;border-radius:12px;padding:12px 18px;background:var(--green);color:white;cursor:pointer;min-height:48px}button:disabled{opacity:.4;cursor:default}.secondary{background:#efe4d4;color:var(--ink)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #1679ae;outline-offset:3px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 4vw;border-bottom:1px solid #ddcbb7}header b{font-family:Georgia,serif;font-size:28px;color:var(--red)}header span{display:block;font-size:13px}.tools{display:flex;gap:8px}header button{font-size:14px}main{max-width:1600px;margin:auto;padding:22px 3vw 40px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}.reading-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px;font-size:15px}.reading-options button{font-size:15px}.spread{position:relative;aspect-ratio:1672/941;border-radius:18px;overflow:hidden;background:#fff7e8;box-shadow:0 8px 32px #44342b16}.picture{aspect-ratio:1672/941;width:100%}.picture img{display:block;width:100%;height:100%;object-fit:contain}.words{position:absolute;right:1%;top:5%;width:28%;height:90%;padding:1.2vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff9ee00,#fff9eeaa)}.words h2{font-size:clamp(24px,2.25vw,36px);margin:0 0 18px}.words .eyebrow{margin:0 0 12px}#story-text{font-family:Georgia,serif;font-size:clamp(20px,1.8vw,30px);line-height:1.5;white-space:pre-line;margin:0}.controls{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0}.panel{background:white;border:1px solid #eadaca;border-radius:16px;padding:24px;margin:20px 0}.panel h2{margin-top:0}.small,details{font-size:14px;color:#66554a}a{color:var(--red)}footer>p:first-child{font-family:Georgia,serif;color:var(--green);font-size:24px}.spread.larger{aspect-ratio:auto}.spread.larger .words{position:static;width:100%;height:auto;padding:24px}.larger #story-text{font-size:28px}@media(max-width:849px){header{align-items:flex-start;flex-wrap:wrap}.spread{aspect-ratio:auto}.words{position:static;width:100%;height:auto;padding:22px;background:#fff8eb}#story-text{font-size:24px}.words h2{font-size:28px}.reader{padding:16px}.reading-options{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}:fullscreen .reading-options,:fullscreen main>.eyebrow,:fullscreen h1,:fullscreen footer{display:none}:fullscreen header{padding:6px 3vw;justify-content:flex-end}:fullscreen header>div:first-child{display:none}:fullscreen main{padding:12px}:fullscreen .spread:not(.larger){width:min(100%,calc((100dvh - 160px)*1.777));margin:auto}:fullscreen .controls{max-width:1100px;margin:12px auto 0}
.story-link{display:inline-flex;align-items:center;background:#efe4d4;color:#44342b;border-radius:12px;padding:12px 18px;font-size:14px;text-decoration:none;min-height:48px}.tools{flex-wrap:wrap}@media(max-width:600px){.tools{gap:6px}.tools button,.story-link{padding:10px 12px}}