/* Reading Room chapter layout, lifted from WI·INV·01 (the first published
 * chapter) and shared by every chapter in every series. Per-script faces come
 * through --script-font, set per chapter from its own fontVar. */
/* chapter layout */
.crumbs{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em;padding:20px 0 0}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--rubric)}

.chapterhead{padding:30px 0 30px;border-bottom:1px solid var(--ink);text-align:center}
.chapterhead .glyph{font-family:var(--script-font);font-size:96px;line-height:1.1;display:block;margin-bottom:14px}
.chapterhead h1{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,5.5vw,3.2rem);margin:8px 0 8px}
.chapterhead .subject{color:var(--muted);font-size:15px}
.chapterhead .fm{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;margin-top:18px}
.chapterhead .fm b{color:var(--living);font-weight:500}

article{max-width:680px;margin:0 auto;padding:36px 20px 0}
article p{margin-bottom:18px}
article .epigraph{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--muted);text-align:center;max-width:480px;margin:0 auto 10px}
article .epsrc{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-bottom:36px}
article h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;margin:40px 0 6px}
article h2 .sn{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--rubric);display:block;margin-bottom:6px;text-transform:uppercase;font-weight:400}
.pull{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.5;border-left:2px solid var(--rubric);padding-left:16px;margin:26px 0}
.figure{border:1px solid var(--line);background:var(--plate) repeating-linear-gradient(to bottom,transparent 0 27px,var(--guide) 27px 28px);padding:24px 20px;margin:26px 0;text-align:center}
.figure .fg{font-family:var(--script-font);font-size:38px;letter-spacing:.08em}
.figure .fg .op{color:var(--rubric);font-family:var(--mono);font-size:22px}
.figure figcaption{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.08em;margin-top:12px;line-height:1.6}
sup a{font-family:var(--mono);font-size:10px;text-decoration:none}

.endnotes{border-top:1px solid var(--ink);margin-top:44px;padding-top:16px}
.endnotes h2{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rubric);font-weight:500;margin-bottom:10px}
.endnotes ol{padding-left:18px}
.endnotes li{font-size:12.5px;color:var(--muted);margin-bottom:6px}
.citeline{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.03em;border:1px dashed var(--line);padding:12px 14px;margin-top:18px}

.nextnav{max-width:680px;margin:44px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nextnav a,.nextnav .fc{border:1px solid var(--line);padding:14px 16px;text-decoration:none;color:var(--ink);display:block}
.nextnav a:hover{border-color:var(--rubric)}
.nextnav .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}
.nextnav b{font-family:var(--serif);font-weight:600}
.nextnav .fc{color:var(--muted)}
@media(max-width:560px){.nextnav{grid-template-columns:1fr}}