:root{color-scheme:light dark;--paper:#f7f5ef;--ink:#27332e;--muted:#66716a;--line:#cbd1c9;--accent:#92634b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Georgia,'Times New Roman',serif}
main{max-width:1050px;margin:auto;padding:36px 48px 70px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:90px;font:11px/1.5 system-ui,sans-serif}header span{letter-spacing:.28em}header a{font-size:12px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
h1{font-size:clamp(36px,6vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:0 0 24px}.introduction{max-width:610px;color:var(--muted);font-size:18px;margin:0 0 58px}
.volume{display:grid;grid-template-columns:74px 1fr;border-top:1px solid var(--line);padding:32px 0 42px;gap:20px}.volume-number{font:13px/2.5 ui-monospace,monospace;color:var(--accent)}h2{font-size:30px;font-weight:400;line-height:1.3;margin:0 0 10px}.volume-range{font:12px/1.7 system-ui,sans-serif;color:var(--muted);margin:0 0 14px}.volume-journey{margin:0 0 26px;font-style:italic}.volume-links{display:flex;flex-wrap:wrap;gap:24px 58px}.volume-links a{font-size:17px}.volume-links span{display:block;font:11px/2.1 system-ui,sans-serif;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:30px;font:12px/1.9 system-ui,sans-serif;color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--paper:#171e1a;--ink:#e1e6dd;--muted:#a0aea2;--line:#3c4b40;--accent:#c59a7d}}
@media(max-width:600px){main{padding:25px 24px 45px}header{margin-bottom:65px;align-items:flex-start}header span{max-width:170px;letter-spacing:.18em}header a{text-align:right}.volume{grid-template-columns:32px 1fr;gap:12px}.volume-links{flex-direction:column;gap:24px}.introduction{font-size:17px;margin-bottom:40px}}