:root { color-scheme:light; --paper:#f8f5ee; --ink:#302e29; --muted:#746e63; --accent:#9b5547; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Georgia,'Times New Roman',serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.skip-link { position:absolute; top:-80px; left:20px; padding:12px; background:var(--paper); z-index:5; }
.skip-link:focus { top:12px; }
.reading-bar { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 5vw; border-bottom:1px solid #dfd9ce; }
.reading-bar>a:first-child,.reading-bar>span { font:10px/1.6 system-ui,sans-serif; letter-spacing:.1em; }
.reading-brand { font-size:20px; }
.chapter-heading { max-width:850px; margin:0 auto; padding:85px 24px 40px; text-align:center; }
.eyebrow { color:var(--accent); font:11px/1.8 system-ui,sans-serif; letter-spacing:.18em; }
h1 { font-size:clamp(2.7rem,5.5vw,4.8rem); line-height:1.07; font-weight:400; letter-spacing:-.04em; margin:26px 0 22px; text-wrap:balance; }
.draft-note { font-size:14px; font-style:italic; color:var(--muted); }
.chapter-ornament { color:var(--accent); font-size:20px; margin:36px 0 10px; }
.chapter-text { width:min(100% - 48px,660px); margin:auto; font-size:20px; line-height:1.85; overflow-wrap:break-word; }
.chapter-text>p { margin:0 0 1.3em; }
.chapter-text>p:first-child::first-letter { float:left; font-size:4.6em; line-height:.8; padding:12px 10px 0 0; color:var(--accent); }
.chapter-figure { margin:50px auto; max-width:560px; text-align:center; }
.chapter-figure.portrait { max-width:340px; }
.chapter-figure img { width:100%; height:auto; display:block; border:9px solid #fffdf8; box-shadow:0 8px 24px #302e2912; }
.chapter-figure figcaption { font:10px/1.6 system-ui,sans-serif; letter-spacing:.13em; color:var(--muted); margin:15px 0 0; }
.chapter-end { text-align:center; color:var(--accent); font-size:30px; margin:50px 0 65px; }
.chapter-navigation { border-top:1px solid #d9d2c5; display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:1000px; margin:0 auto; padding:32px 24px 50px; }
.chapter-navigation a { font-size:22px; line-height:1.4; }
.chapter-navigation a:last-child { text-align:right; }
.chapter-navigation span { display:block; font:9px/1.7 system-ui,sans-serif; letter-spacing:.12em; color:var(--accent); margin-bottom:12px; }
.chapter-navigation a:hover { color:var(--accent); }
.reading-footer { border-top:1px solid #dfd9ce; padding:25px; text-align:center; color:var(--muted); font:10px/1.5 system-ui,sans-serif; letter-spacing:.1em; }
@media(max-width:600px) { .reading-bar { padding:18px 24px; flex-wrap:wrap; gap:12px; }.reading-brand{display:none}.chapter-heading{padding-top:48px}.chapter-text{font-size:18px;line-height:1.8}.chapter-navigation{grid-template-columns:1fr;gap:30px}.chapter-navigation a:last-child{text-align:left}.chapter-figure.portrait{max-width:290px} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }
@media print { .reading-bar,.chapter-navigation,.reading-footer,.skip-link{display:none}body{background:white;color:black}.chapter-text{width:100%;font-size:12pt;line-height:1.6}.chapter-heading{padding:0 0 25px}.chapter-figure{break-inside:avoid;max-width:220px!important} }