:root{--paper:#f5f0e6;--ink:#20221e;--muted:#667069;--line:#d3ccc0;--accent:#7d3f2d;--night:#1d231e;--max:760px}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}.site-header{position:relative;z-index:3;display:flex;align-items:center;max-width:1200px;margin:auto;padding:1.2rem 2rem;border-bottom:1px solid var(--line);font-family:Arial,sans-serif}.brand{color:var(--ink);font-family:Georgia,serif;font-size:1.25rem;font-weight:bold;letter-spacing:.02em;text-decoration:none;margin-right:auto}.menu-toggle{display:flex;align-items:center;gap:.45rem;border:1px solid var(--ink);padding:.55rem .75rem;background:var(--paper);color:var(--ink);font:600 .85rem Arial,sans-serif;cursor:pointer}.menu-toggle span{font-size:1.1rem;line-height:1}.site-header nav{display:none;position:absolute;top:calc(100% - .2rem);right:2rem;width:min(360px,calc(100vw - 2rem));padding:.55rem;background:var(--paper);border:1px solid var(--line);box-shadow:0 .7rem 2rem #1d231e24}.site-header nav.open{display:block}.site-header nav a{display:block;padding:.8rem .9rem;color:var(--ink);font-size:.93rem;line-height:1.35;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:#e6ddd0;color:var(--accent)}.desk{display:flex;flex-direction:column}.desk-hero{position:relative;isolation:isolate;display:grid;place-items:center;flex:1;min-height:calc(100vh - 135px);overflow:hidden}.desk-illustration{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.desk-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f5f0e688 20%,#f5f0e622 48%,#f5f0e688 84%)}.desk-message{max-width:42rem;padding:1.3rem 2rem;text-align:center;color:#2f291f;background:#f5f0e6d9;border:1px solid #f5f0e6;box-shadow:0 .5rem 2rem #1d231e24}.desk-message p{margin:0;font-size:clamp(1.55rem,4vw,2.7rem);font-style:italic;line-height:1.25}.chapter{max-width:var(--max);margin:0 auto;padding:4.5rem 2rem 6rem}.book-title{margin:0 0 2rem;color:var(--muted);font-size:1.05rem;font-style:italic}.eyebrow{font:700 .72rem/1 Arial,sans-serif;letter-spacing:.15em;color:var(--accent);margin:0 0 1rem}.chapter h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:0 0 1.5rem}.narration{margin:2.5rem 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:Arial,sans-serif;font-size:.85rem}.narration button,.narration select{padding:.55rem .7rem;margin:.2rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.narration button:first-child{background:var(--ink);color:var(--paper)}.narration button:disabled{opacity:.45;cursor:not-allowed}.narration p{margin:.65rem 0 0;color:var(--muted)}article{font-size:1.18rem}article p{margin:0 0 1.5rem}.chapter-pagination{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);font-family:Arial,sans-serif;font-size:.9rem}.chapter-pagination a{color:var(--accent)}footer{position:relative;z-index:2;max-width:1200px;width:100%;margin:auto;padding:1.25rem 2rem;border-top:1px solid var(--line);font:.75rem Arial,sans-serif;color:var(--muted)}@media(max-width:650px){.site-header{padding:1rem}.site-header nav{right:1rem}.desk-hero{min-height:calc(100vh - 126px)}.desk-illustration{object-position:46% center}.desk-message{margin:1rem;padding:1rem 1.25rem}.chapter{padding:3rem 1.25rem}.chapter-pagination{flex-direction:column}}
.narration-progress{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:.55rem;width:100%;margin:.65rem 0 .2rem;font-family:Arial,sans-serif;font-size:.9rem}.narration-progress input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.narration-progress output{min-width:3rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:640px){.narration-progress{grid-template-columns:1fr auto}.narration-progress label{grid-column:1/-1}}.chapter-top-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:var(--max);margin:0 auto 1.2rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-family:Arial,sans-serif}.chapter-top-nav a{color:var(--accent);font-weight:700;text-decoration:none}.chapter-top-nav a:last-child{text-align:right}.chapter-top-nav label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem}.chapter-top-nav select{max-width:min(58vw,340px);padding:.45rem .6rem;border:1px solid var(--line);border-radius:.55rem;background:#fff;color:var(--ink)}@media(max-width:640px){.chapter-top-nav{grid-template-columns:1fr;gap:.65rem}.chapter-top-nav a:last-child{text-align:left}.chapter-top-nav label{align-items:flex-start;flex-direction:column}.chapter-top-nav select{max-width:100%;width:100%}}