:root{--paper:#f4efe5;--ink:#2b302f;--muted:#716c61;--line:#d6cdbe;--gold:#a17e46;--size:22px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ba9351;outline-offset:5px}.skip{position:fixed;top:-80px;z-index:20;padding:12px;background:var(--paper)}.skip:focus{top:70px}
.bar{height:66px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 4vw;background:var(--paper);border-bottom:1px solid var(--line);font-family:Arial,sans-serif}.brand{font-size:12px;letter-spacing:1px;text-decoration:none}.bar nav{display:flex;gap:22px}.bar button{border:0;background:none;color:var(--ink);font-size:13px;padding:12px 0}.progress{position:absolute;height:2px;bottom:-1px;left:0;width:100%}.progress i{display:block;width:0;height:100%;background:var(--gold)}
.hero{background:#18212d;color:#f4efe5;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.4fr);min-height:640px;max-width:1800px;margin:auto}.hero-text{align-self:center;padding:70px 4vw 75px 7vw}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:3px;color:#c5ad81}h1{font-size:clamp(70px,7.5vw,118px);line-height:1.02;font-weight:normal;letter-spacing:-3px;margin:30px 0 24px}h1 em{font-weight:normal;color:#d4bb8c}.rule{height:1px;width:65px;background:#a78d63;margin:30px 0}.tagline{max-width:340px;font-size:19px;line-height:1.55;color:#c6cbd0}.hero-meta{font:12px/1.9 Arial,sans-serif;color:#b5bfc8;margin:26px 0}.hero-meta span{padding:0 7px}.start{display:inline-flex;align-items:center;justify-content:space-between;width:220px;padding:18px 23px;border:1px solid #ad956e;text-decoration:none;font:14px Arial,sans-serif}.start:hover{background:#2b3540}#resume{display:block;font:13px Arial,sans-serif;margin-top:22px;color:#dcc69e}#resume[hidden]{display:none}.cover{display:flex;align-items:center;background:#141e2a}.cover img{width:100%;height:auto;display:block}
.reading-heading{max-width:760px;margin:76px auto 25px;padding:0 32px;display:flex;justify-content:space-between;gap:16px;font:11px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.prose{max-width:760px;margin:auto;padding:0 32px;font-size:var(--size);line-height:1.7}.chapter{scroll-margin-top:96px}.chapter+.chapter{margin-top:72px}.chapter-heading{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:26px 0 30px}.chapter-number{font:12px Arial,sans-serif;color:var(--gold);letter-spacing:2px}h2{font-size:32px;line-height:1.25;font-weight:normal;margin:0}.verse{max-width:630px;margin:0 auto}.verse-line{display:block;white-space:pre-wrap;overflow-wrap:break-word;padding-left:1em;text-indent:-1em}.verse-line.blank{height:.85em}.verse-divider{color:var(--muted);font-size:.65em;letter-spacing:2px;padding:6px 0;text-indent:0}.chapter:last-of-type .verse{border-left:2px solid var(--gold);padding-left:26px}figure{margin:0 -130px 42px}figure a{display:block}figure img{width:100%;height:auto;display:block;background:#18212d}figcaption{font:11px/1.6 Arial,sans-serif;letter-spacing:1px;color:var(--muted);padding:14px 20px 0;text-align:center}.endmark{text-align:center;color:var(--gold);margin:65px 0;font-size:18px}
.afterword{max-width:700px;margin:0 auto 75px;padding:0 32px;text-align:center}.afterword p{font-size:24px}.afterword a{font-size:16px;text-underline-offset:5px}.afterword small{display:block;font:12px/1.8 Arial,sans-serif;color:var(--muted);max-width:400px;margin:28px auto 0}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 45px;padding:40px 24px;border-top:1px solid var(--line);font:13px/1.8 Arial,sans-serif;color:var(--muted)}footer small{flex-basis:100%;text-align:center;font-size:11px}
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(520px,92vw);max-height:85vh;padding:28px 32px}dialog::backdrop{background:#071017b8;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top h2{font-size:30px}.dialog-top button{border:0;background:none;font-size:30px;color:var(--ink);padding:5px 10px}.toc-note{font:12px Arial,sans-serif;color:var(--muted);margin:15px 0 22px}dialog nav a{display:flex;gap:22px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);font-size:18px}dialog nav span{font:11px Arial,sans-serif;color:var(--muted);padding-top:5px}body.dark{--paper:#172026;--ink:#dfded8;--muted:#b0afa4;--line:#3c4445;--gold:#c5ad81;color-scheme:dark}body.large{--size:25px}body.larger{--size:28px}
@media(max-width:1050px){figure{margin-left:-28px;margin-right:-28px}.hero{grid-template-columns:minmax(300px,.85fr) minmax(0,1fr);min-height:600px}.hero-text{padding:55px 4vw}h1{font-size:80px}.tagline{font-size:18px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;min-height:0}.hero-text{padding:48px 28px 42px;width:100%;align-self:stretch}h1{font-size:clamp(64px,14vw,90px);margin:24px 0}.hero h1 br{display:none}.hero .rule{margin:25px 0}.tagline{max-width:480px}.cover{width:100%}.reading-heading{margin-top:48px;padding:0 24px}.prose{padding:0 24px;font-size:calc(var(--size) - 1px);line-height:1.7}figure{margin-left:-24px;margin-right:-24px}.chapter+.chapter{margin-top:50px}.chapter-heading{gap:15px;padding:24px 0}h2{font-size:28px}.chapter:last-of-type .verse{padding-left:16px}.afterword{margin-bottom:50px}}
@media(max-width:420px){.bar{height:60px;padding:0 14px;gap:10px}.brand{font-size:10px;letter-spacing:0}.bar nav{gap:14px}.bar button{font-size:12px}.hero-text{padding:38px 24px}.hero h1{font-size:67px}.hero h1 br{display:block}.eyebrow{font-size:10px;letter-spacing:2px}.reading-heading{font-size:9px;letter-spacing:1.3px}.prose{padding:0 22px;font-size:calc(var(--size) - 2px)}figure{margin-left:-22px;margin-right:-22px}dialog{padding:22px}.chapter-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.bar,.skip,.start,#resume,dialog,.afterword a,footer,.edition-like-panel{display:none!important}body,body.dark{--paper:#fff;--ink:#000;--muted:#555;--line:#ccc;--gold:#756244}.hero{background:#fff;color:#000;min-height:0}.hero-text{padding:20px}.tagline,.hero-meta{color:#333}.prose{max-width:none;font-size:12pt;line-height:1.5}.chapter-heading{break-after:avoid}figure{margin:20px 0;break-inside:avoid}figure img{max-height:600px;object-fit:contain}.verse-line{break-inside:avoid}.chapter:last-of-type .verse{break-inside:avoid}}