@font-face{font-family:Typewriter;src:url(assets/Display.woff2)}@font-face{font-family:Body;src:url(assets/Body.woff2)}*{box-sizing:border-box}body{margin:0;background:#e9e9df;color:#253a32;font:15px/1.5 Body,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px;background:#f8f6ef;border-bottom:1px solid #d4d7cb}.brand{font:30px Typewriter}main{padding:16px 20px 25px;max-width:1500px;margin:auto;background:#e9e9df}main:fullscreen{max-width:none;overflow:auto}.heading{text-align:center}h1{font:27px Typewriter;margin:4px 0}.heading p{font:17px/1.4 Typewriter;margin:10px 0 15px}.toolbar{display:flex;justify-content:center;gap:14px;align-items:center;margin-bottom:18px}button,select{font:inherit;padding:8px 12px;border:1px solid #b9c6b9;border-radius:5px;background:#faf9f3;color:#204d40;cursor:pointer}button:hover:not(:disabled){background:#d1e3d5}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #df9a18;outline-offset:3px}.viewport{overflow:auto;padding:8px 15px 24px;touch-action:pan-y}.book{position:relative;display:flex;justify-content:center;width:min(100%,calc((100vh - 300px)*2));min-width:240px;max-width:1240px;margin:auto;perspective:1800px;filter:drop-shadow(0 12px 9px #24312930)}.page{display:block;width:50%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.page[hidden]{display:none}.book.single{width:min(100%,calc(100vh - 300px));max-width:680px}.single .page{width:100%}.book:not(.single)::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#0002,transparent);pointer-events:none}.viewport.zoomed .book{width:1800px;max-width:none}.viewport.zoomed .book.single{width:1100px}.leaf{position:absolute;top:0;width:50%;height:100%;object-fit:contain;background:white;backface-visibility:hidden;z-index:3;box-shadow:0 0 20px #0002}.leaf.forward{right:0;transform-origin:left;animation:forward .55s ease-in-out forwards}.leaf.backward{left:0;transform-origin:right;animation:backward .55s ease-in-out forwards}.leaf.one{width:100%}@keyframes forward{to{transform:rotateY(-180deg)}}@keyframes backward{to{transform:rotateY(180deg)}}.controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:4px auto;max-width:620px}.controls button{min-width:110px;background:#146f62;color:#fff;border-color:#146f62}.controls button:hover:not(:disabled){background:#095448}.controls span{min-width:150px;text-align:center;font-variant-numeric:tabular-nums}.hint{text-align:center;font-size:12px;color:#5b6b60}#error{text-align:center;color:#873421}@media(max-width:700px){header{padding:15px;font-size:12px}.brand{font-size:24px}main{padding:15px 8px}.heading p{font-size:15px;padding:0 15px}.book,.book.single{width:100%;max-width:600px;min-width:0}.viewport{padding:5px 5px 20px}.controls{gap:10px}.controls button{min-width:90px;padding:8px}.controls span{min-width:105px;font-size:13px}.toolbar{gap:8px;font-size:13px}}@media(prefers-reduced-motion:reduce){.leaf{animation:none!important}}
header{flex-wrap:wrap}.companion{text-align:center;padding:30px 15px;border-top:1px solid #bcc9bb;margin:30px auto 0;max-width:760px}.companion h2{font:24px Typewriter}.summary-pages{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px auto;max-width:1200px}.summary-pages img{width:100%;height:auto}.summary-intro{text-align:center}.summary-intro h1{margin:30px 0 15px}@media(max-width:700px){.summary-pages{grid-template-columns:1fr}header{justify-content:center}}