/* Static book and topic guides (public/bible/, built by tools/build_pages.mjs). Same palette as the app. */
:root{--ink:#0a0e1c;--ink-2:#10162a;--ink-3:#172038;--line:#253054;--text:#e7e9f2;--text-2:#bcc3da;--muted:#8a93b3;--gold:#e6b65c;--gold-ink:#1d1606;
  --f-display:'Spectral','Iowan Old Style',Georgia,serif;--f-ui:'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ink) radial-gradient(ellipse at 70% -10%, #1c2547 0%, transparent 60%) no-repeat;color:var(--text);font-family:var(--f-display);font-size:18px;line-height:1.6}
a{color:var(--gold)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px max(16px, calc((100% - 860px) / 2));border-bottom:1px solid var(--line)}
.brand{font-size:24px;color:var(--text);text-decoration:none}
.brand b{color:var(--gold);font-style:italic;font-weight:600}
.top nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--f-ui);font-size:15px}
.top nav a{text-decoration:none}
main{max-width:860px;margin:0 auto;padding:28px 16px 40px}
.eyebrow{font-family:var(--f-ui);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
h1{font-size:clamp(34px, 6vw, 48px);line-height:1.1;margin:0 0 6px;font-weight:600}
h2{font-size:24px;margin:34px 0 10px;font-weight:600}
.meta{font-family:var(--f-ui);font-size:15px;color:var(--muted);margin:0 0 14px}
.lead{font-size:21px;color:var(--text-2);max-width:62ch}
.btn{display:inline-block;background:var(--gold);color:var(--gold-ink);font-family:var(--f-ui);font-weight:600;font-size:15px;border-radius:8px;padding:9px 16px;text-decoration:none;margin:4px 8px 4px 0}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.cta{margin:18px 0 6px}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-family:var(--f-ui);font-size:15px;color:var(--text);text-decoration:none}
.chips a:hover,.chips a:focus-visible{border-color:var(--gold)}
.moments,.links{padding-left:22px;margin:0}
.moments li,.links li{margin-bottom:6px}
.moments span,.links span{font-family:var(--f-ui);font-size:15px;color:var(--muted);margin-left:6px}
.chapters{font-family:var(--f-ui);font-size:15px;line-height:2;word-spacing:4px}
.chapters a{display:inline-block;min-width:2.2em;text-align:center;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:36px;font-family:var(--f-ui)}
footer{border-top:1px solid var(--line);padding:18px 16px 32px;text-align:center;font-family:var(--f-ui);font-size:14px;color:var(--muted)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}