:root{--book-size:22px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:#f7f1e4;color:#30281f;font-family:Georgia,'Times New Roman',serif;line-height:1.8}header{padding:1rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #cfbc8b;font-family:system-ui,sans-serif;flex-wrap:wrap}a{color:#23485b;text-underline-offset:4px}main{max-width:800px;margin:auto;padding:1.5rem clamp(18px,5vw,45px) 8rem;background:#fffdf6;overflow-wrap:anywhere}.book-intro{text-align:center}.book-intro>img{width:min(65%,260px);height:auto;border-radius:8px}h1{font-size:1.8rem;line-height:1.35}#contents{padding:1rem;border:1px solid #cfbc8b;border-radius:12px;margin:2rem 0}summary{cursor:pointer;font-size:1.15rem;font-weight:bold}#contents li{margin:.6rem 0}article{font-size:var(--book-size)}article h1{font-size:1.6em;text-align:left}article h2{font-size:1.3em;line-height:1.4}article p{margin:0 0 1em}article img{display:block;max-width:100%;height:auto;margin:1.5rem auto}.book-chapter{padding-top:2rem;margin-top:2rem;border-top:1px solid #d7c8a5}.book-end{text-align:center;margin:3rem 0}.reading-toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(4px,2vw,12px);padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#f4eddf;border-top:1px solid #b6a474;font-family:system-ui,sans-serif}.reading-toolbar a,.reading-toolbar button{font:inherit;font-size:16px;display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:42px;padding:7px 12px;color:#23485b;background:#fffdf6;border:1px solid #b6a474;border-radius:12px;text-decoration:none}.reading-toolbar :focus-visible{outline:3px solid #23485b;outline-offset:2px}button:disabled{opacity:.4}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
