*{box-sizing:border-box}html{color-scheme:light;--ink:#233a46;--accent:#936348;--paper:#f6f2e9}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Hiragino Sans",sans-serif;line-height:1.8}a{color:#2c5968;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ce773e;outline-offset:4px}.skip{position:fixed;top:-90px;left:10px;background:white;padding:8px;z-index:10}.skip:focus{top:10px}.status{margin:0;background:#233a46;color:#fff7e8;padding:9px 20px;font-size:13px;letter-spacing:.04em;text-align:center}header,footer{padding:20px clamp(18px,5vw,70px);border-bottom:1px solid #cfcabe}header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}main{max-width:1100px;margin:auto;padding:50px clamp(20px,5vw,65px)}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;line-height:1.45;font-weight:500;font-size:clamp(32px,5vw,52px);letter-spacing:.08em;margin:12px 0 20px}h2{font-size:23px;font-weight:500}.eyebrow{color:#87694b;letter-spacing:.16em;font-size:12px}.hero{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}.cover{width:100%;height:auto;display:block;box-shadow:0 18px 35px #20394724}.intro{line-height:2.1;font-size:17px}.btn,button{display:inline-block;background:#294b59;color:white;border:1px solid #294b59;border-radius:4px;padding:10px 18px;text-decoration:none;cursor:pointer;font:inherit;font-size:14px}button.secondary,.btn.secondary{background:transparent;color:#294b59}.small{font-size:13px;color:#657078}.toc{padding-left:28px}.toc li{padding:9px 0;border-bottom:1px solid #ddd6c8}.toc a{display:block}.panel{margin-top:35px;padding:22px;background:#ede7da;border-radius:8px}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:15px 0;border-top:1px solid #cfcabe;border-bottom:1px solid #cfcabe;margin-bottom:30px}.toolbar label{font-size:14px}.toolbar input{width:110px;vertical-align:middle}.reader-main{max-width:1000px;padding-top:30px}.prose{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:var(--reader-size,20px);line-height:2.2;overflow-wrap:anywhere;letter-spacing:.03em}.prose p{margin:0 0 1.1em}.chapter-nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:25px 0;border-top:1px solid #cfcabe;margin-top:25px}body[data-layout="vertical"] .reader-main{max-width:none}body[data-layout="vertical"] .prose{writing-mode:vertical-rl;height:74vh;max-height:900px;width:100%;overflow-x:auto;overflow-y:hidden;padding:15px 18px 25px;overscroll-behavior-x:contain}body[data-layout="vertical"] .prose p{margin:0 0 0 1.3em}footer{border-top:1px solid #cfcabe;border-bottom:0;font-size:12px;color:#657078}.shelf-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:30px}.shelf-card h2{font-family:serif;font-size:30px;margin-top:5px}@media(max-width:640px){main{padding-top:30px}.hero{grid-template-columns:1fr;gap:25px}.hero .cover{max-width:290px;margin:auto}.shelf-card{grid-template-columns:95px minmax(0,1fr);gap:18px}.shelf-card h2{font-size:24px}.intro{font-size:16px}.prose{line-height:2.05}.toolbar{gap:10px}header{padding:15px 20px}header nav{gap:15px}.reader-main{padding:25px 19px}body[data-layout="vertical"] .prose{height:68vh;padding:5px 0 20px}.btn,button{padding:10px 12px}}@media print{.status,.toolbar,.chapter-nav,header,.skip{display:none}body{background:white}.prose{font-size:12pt}body[data-layout="vertical"] .prose{writing-mode:horizontal-tb;height:auto;overflow:visible}}