:root { color-scheme:dark; --page:#060b17; --ink:#f2f0f9; --muted:#aab9d3; --line:#2b3851; --accent:#b9d1ff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(ellipse at 80% 0,#12224380,transparent 45rem),var(--page); font:17px/1.65 system-ui,sans-serif; }
a { color:var(--accent); text-underline-offset:.22em; }
:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.skip-link { position:fixed; top:-5rem; z-index:100; padding:1rem; background:#0b1730; }
.skip-link:focus { top:0; }
.reading-header { display:flex; gap:1.5rem; align-items:center; justify-content:space-between; padding:1.3rem 4vw; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; font:.7rem/1.6 ui-monospace,monospace; letter-spacing:.07em; color:var(--ink); }
.brand span { display:block; color:var(--muted); font-size:.6rem; margin-top:.2rem; }
.reading-header nav { display:flex; flex-wrap:wrap; gap:.5rem 1.4rem; font-size:.82rem; }
.reading-header nav a { display:flex; align-items:center; min-height:44px; text-decoration:none; }
.reading-main { width:min(65rem,calc(100% - 4rem)); margin:5rem auto; }
.kicker { font:.7rem/1.6 ui-monospace,monospace; color:var(--accent); letter-spacing:.13em; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.025em; text-wrap:balance; }
h1 { font-size:clamp(2.7rem,6vw,5rem); line-height:1.17; margin:1.2rem 0 1.8rem; }
h2 { font-size:clamp(1.6rem,2.6vw,2.3rem); line-height:1.25; margin:.8rem 0 1rem; }
p { max-width:68ch; }
.lead { font-size:clamp(1.15rem,2vw,1.4rem); color:#d8e2f4; }
.muted { color:var(--muted); }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:1.2rem; padding:1rem 1.5rem; margin:.8rem 0; min-height:48px; max-width:100%; background:#bed4ff; color:#081226; border:1px solid #bed4ff; border-radius:3px; font-weight:600; text-decoration:none; }
.primary-button:hover { background:#dae6ff; }
.button-row { display:flex; gap:1.4rem; align-items:center; flex-wrap:wrap; }
.chapter-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); margin:3rem 0; }
.chapter-index>a { padding:2rem 1.5rem 2rem 0; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); }
.chapter-index>a:hover h2 { color:var(--accent); }
.chapter-index>a:last-child { grid-column:1/-1; }
.boundary { border-left:2px solid #839dc7; background:#17243a66; padding:1.2rem 1.5rem; color:#bfcce2; font-size:.9rem; margin:2rem 0; }
.reading-footer { border-top:1px solid var(--line); padding:1.5rem 4vw; font:.7rem/1.8 ui-monospace,monospace; color:var(--muted); }
@media(max-width:620px) {
  .reading-header { align-items:start; padding:1rem 1.25rem; flex-direction:column; gap:.5rem; }
  .reading-header nav { gap:1.5rem; }
  .reading-main { width:calc(100% - 2.5rem); margin:3rem auto; }
  .chapter-index { grid-template-columns:1fr; }
  .chapter-index>a { padding:1.5rem 0; }
  .primary-button { font-size:.92rem; }
}