:root { color-scheme: light; --paper:#f5f2e9; --ink:#243a32; --muted:#657168; --line:#d8dcd2; --reading-size:20px; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:5px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #b33e23; outline-offset:5px; }
.skip { position:absolute; top:-100px; left:20px; background:var(--paper); padding:12px; }
.skip:focus { top:10px; }
.reader-header { max-width:1120px; margin:auto; padding:28px 32px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); font-size:13px; }
.reader-header > span { color:var(--muted); }
main { width:min(680px,calc(100% - 48px)); margin:72px auto 0; }
.book-title { font-size:13px; color:var(--muted); line-height:1.8; }
.chapter-label { color:#b33e23; font-size:11px; letter-spacing:.15em; margin:46px 0 18px; }
h1 { font-family:"Iowan Old Style","AppleMyungjo","Batang",serif; font-weight:500; font-size:clamp(30px,4vw,43px); line-height:1.5; letter-spacing:-.045em; word-break:keep-all; margin:0 0 28px; }
.reader-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding-bottom:28px; color:var(--muted); font-size:12px; }
.font-controls { display:flex; gap:6px; }
.font-controls[hidden] { display:none; }
button { font:inherit; color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:3px; width:44px; height:44px; cursor:pointer; font-size:15px; }
button:disabled { opacity:.35; cursor:default; }
.reader-body { padding-top:25px; font-family:"Iowan Old Style","AppleMyungjo","Batang",serif; font-size:var(--reading-size); line-height:2; overflow-wrap:break-word; }
.reader-body p { margin:24px 0 30px; }
.end-mark { text-align:center; color:#b33e23; margin:54px 0; }
.chapter-nav { display:grid; grid-template-columns:1fr auto 1fr; gap:18px; border-block:1px solid var(--line); padding:24px 0; font-size:14px; }
.chapter-nav > :last-child { text-align:right; }
details { margin-top:32px; scroll-margin-top:24px; }
summary { cursor:pointer; font-size:14px; padding:12px 0; }
ol { list-style:none; padding:0; }
li a { display:block; padding:14px 10px; border-bottom:1px solid var(--line); line-height:1.7; font-size:14px; }
li span { color:#b33e23; margin-right:12px; font-size:11px; }
li a[aria-current] { background:#e9eddf; }
footer { margin:64px 0 32px; color:var(--muted); font-size:12px; line-height:2; }
@media(max-width:540px) { .reader-header { padding:22px 24px; font-size:11px; } main { margin-top:42px; } .chapter-label { margin-top:34px; } .reader-body { line-height:1.95; } .reader-meta { align-items:center; } }
@media print { .reader-header,.font-controls,.chapter-nav,details,footer,.skip { display:none; } body { background:white; color:black; } main { width:100%; margin:0; } .reader-body { font-size:12pt; } }