/* Crawlable scripture pages (/bible/...). Builds on legal.css. */
.scripture p{font-family:var(--serif);font-size:19px;line-height:1.85;margin:.55em 0}
.scripture sup{font-family:var(--sans);font-size:.62em;font-weight:600;color:var(--gold);margin-right:.35em}
.scripture p:target{background:color-mix(in srgb,var(--gold) 16%,transparent);border-radius:6px}
.pager{display:flex;justify-content:space-between;gap:12px;margin:36px 0 12px;font-size:15px}
.pager a{color:var(--violet)}
.cta{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:24px 0}
.btn{display:inline-block;background:var(--violet-deep);color:#fff;border-radius:999px;padding:9px 18px;text-decoration:none;font-weight:600;margin-right:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.chip{min-width:44px;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink)}
.chip:hover{border-color:var(--gold)}
ul.plain{list-style:none;padding:0;columns:2;column-gap:32px}
ul.plain li{break-inside:avoid}
@media (max-width:560px){ul.plain{columns:1}}

/* Verse, topic and verse-of-the-day pages */
.vbox{margin:18px 0;padding:20px 24px;border-left:4px solid var(--gold);background:var(--card);border-radius:0 16px 16px 0}
.vbox p{font-size:22px;line-height:1.75;margin:.3em 0}
.ver{font-family:var(--sans);font-size:.42em;font-weight:600;letter-spacing:.08em;color:var(--gold);vertical-align:middle;margin-left:6px}
.vart{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:16px;margin:14px 0;display:block}
.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lead{font-size:18px;color:var(--muted)}
.ctx p{font-size:18px}
.ctx .dim{color:var(--muted)}
.xls{display:grid;gap:12px;margin:8px 0}
.xl{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.xl p{font-size:17px;margin:.3em 0}
.xh{font-size:13px;color:var(--muted)}
ol.vlist{list-style:none;padding:0;margin:16px 0;counter-reset:v}
ol.vlist li{counter-increment:v;padding:14px 0 14px 46px;position:relative;border-bottom:1px solid var(--line)}
ol.vlist li::before{content:counter(v);position:absolute;left:0;top:14px;width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--line);text-align:center;line-height:30px;font-size:13px;font-weight:600;color:var(--gold)}
ol.vlist .ref{font-weight:600;text-decoration:none}
ol.vlist p{font-size:19px;margin:.3em 0}
