:root{color-scheme:light;--green:#302047;--gold:#e6b66a}*{box-sizing:border-box}body{margin:0;background:#faf7ee;color:#302c3b;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header{background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px max(20px,calc((100vw - 1200px)/2));flex-wrap:wrap}header a{font-size:.9rem}.brand{font:bold 1.25rem Georgia,serif;text-decoration:none}.brand span{color:var(--gold)}main{max-width:1160px;margin:auto;padding:35px 20px}.heading{text-align:center;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;color:#8c642e;font-weight:750}h1{font:clamp(1.8rem,5vw,3rem)/1.15 Georgia,serif;margin:12px 0}.heading p{margin:8px 0}.reader-shell{border:1px solid #c9d2c8;border-radius:16px;overflow:hidden;background:#ede7f3;box-shadow:0 15px 45px #102e2912}.toolbar{padding:15px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar label{display:flex;gap:10px;align-items:center}.tools{display:flex;align-items:center;gap:8px}button,select{font:inherit;border:1px solid #b4c1b5;border-radius:8px;background:#fff;color:var(--green);padding:9px 12px;min-height:44px;cursor:pointer}select{max-width:320px}button:hover:not(:disabled){background:#f3ead6}button[aria-pressed=true]{background:var(--green);color:white}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,.stage:focus-visible{outline:3px solid #b7802f;outline-offset:3px}.stage{padding:24px;overflow:auto;max-height:78vh;min-height:280px;touch-action:pan-x pan-y;overscroll-behavior:contain}#page-image{display:block;width:min(100%,760px);height:auto;margin:0 auto;box-shadow:0 4px 20px #0002;max-width:none}#page-image[hidden],[hidden]{display:none!important}#page-text{max-width:750px;background:white;padding:clamp(22px,5vw,56px);margin:auto;font:20px/1.8 Georgia,serif;overflow-wrap:break-word}#page-text h2{font-size:1.5em;line-height:1.25}#page-text p{margin:0 0 1em}.turner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:var(--green);color:#fff}.turner button{background:var(--gold);border:0;font-weight:700}.turner p{margin:0;text-align:center;font-size:.9rem}progress{display:block;margin:6px auto 0;accent-color:var(--gold);height:5px;width:140px}.hint,.download{text-align:center;font-size:.9rem;max-width:720px;margin:22px auto}.download a{font-weight:700}footer{text-align:center;padding:20px;background:var(--green);color:var(--gold);font:1.1rem Georgia,serif}#reader:fullscreen{background:#faf7ee;overflow:auto;max-width:none;padding:20px}#reader:fullscreen .stage{max-height:72vh}@media(max-width:600px){main{padding:24px 10px}.toolbar{padding:12px;justify-content:center}.toolbar label{width:100%;justify-content:center}select{max-width:calc(100vw - 120px);font-size:.9rem}.stage{padding:10px;max-height:70vh}.turner{padding:12px 8px;gap:6px}.turner button{padding:9px;font-size:.9rem}.turner p{font-size:.75rem}progress{width:90px}.brand{font-size:1rem}header{padding:15px 20px}#page-text{font-size:19px}.tools{gap:6px}}

[hidden]{display:none!important}:root{--reader-size:20px}.skip{position:fixed;top:-100px;left:16px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.chapter{max-width:760px;margin:auto;background:white;border-radius:8px;padding:clamp(22px,5vw,56px);overflow-wrap:break-word}.chapter .opening h1{font:clamp(1.7rem,4vw,2.5rem)/1.2 Georgia,serif}.intro,.story{font:var(--reader-size)/1.8 Georgia,serif}.intro p,.story p{margin:0 0 .8em}.art{margin:28px 0}.art img{width:100%;height:auto;display:block;border-radius:8px}.art figcaption{font:14px/1.5 system-ui,sans-serif;color:#75667c;margin-top:10px}.sound{color:#754391;font-weight:700}.heading .eyebrow{font-size:.8rem}.turner p{font-size:.9rem}.toolbar label{min-width:0}select{width:100%;max-width:360px}.toolbar{gap:16px}.stage{scroll-behavior:auto}.brand{max-width:75%;font-size:1.15rem}header{background:#20162f}footer{background:#20162f}.heading p{font-size:.8rem}.tools{flex-wrap:wrap}progress{accent-color:#b17d35}@media(max-width:600px){select{max-width:calc(100vw - 110px)}.stage{padding:10px}.chapter{padding:22px 18px}.brand{font-size:1rem;max-width:100%}.toolbar .tools{justify-content:center}header{padding:16px 20px}.turner p{font-size:.8rem}}@media print{header,.toolbar,.turner,.hint,.download,footer,.heading{display:none}.stage{max-height:none;overflow:visible;padding:0}.reader-shell{border:0;box-shadow:none}.chapter[hidden]{display:block!important}.chapter{break-before:page;padding:0}.chapter:first-child{break-before:auto}.intro,.story{font-size:12pt}.art{max-width:60%;margin:20px auto}}