/* Scripture and Web navigation use the shared reading palette and type. */
:root{--display:'EB Garamond',Georgia,serif;--faint:var(--muted)}
.scripture-page{max-width:1000px!important;margin:0 auto!important;padding:36px 32px 110px!important}
.scripture-page [hidden]{display:none!important}.scripture-page h1{font:400 44px/1.15 var(--display);margin:0 0 16px;letter-spacing:-.02em}
.scripture-page h2{font:500 27px/1.3 var(--display);letter-spacing:0;text-transform:none;margin:24px 0 12px}
.scripture-page .bible-intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:55ch;margin:0 0 26px}
.scripture-page button,.scripture-page select,.scripture-page input{font-family:var(--body);color:var(--fg)}
.scripture-page button{cursor:pointer}.bible-jump{max-width:620px;margin:20px 0}.bible-jump>label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}
.bible-jump>div{display:flex;border:1px solid var(--control-border,var(--border));background:var(--card);border-radius:8px;padding:5px;gap:6px}
.bible-jump input{width:100%;min-width:0;border:0;background:none;font:16px/1.5 var(--body);padding:8px 10px;outline-offset:0}
.bible-jump button{min-height:44px;flex:none;font:14px var(--body);border:0;border-radius:5px;background:var(--fg);color:var(--card);padding:8px 14px}
#jump-feedback:empty,#verse-feedback:empty{display:none}#jump-feedback,#verse-feedback{font-size:14px;color:var(--muted);margin:8px 0}
.bible-nav{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0 16px}.bible-nav label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.bible-nav label:first-child{flex:1;min-width:140px;max-width:380px}.bible-nav select{min-height:44px;width:100%;font:16px var(--body);background:var(--card);border:1px solid var(--control-border,var(--border));border-radius:6px;padding:8px 10px}
.bible-nav>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.bible-sections{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;border-bottom:1px solid var(--border)}.bible-sections a{min-height:44px;padding:10px 0;font-size:14px}
.bible-books{scroll-margin-top:100px}.scripture-page .bookgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:0 0 32px}
.scripture-page .bk{display:flex;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid var(--border);padding:12px 0;align-items:baseline}
.scripture-page .bk .t{font-size:16px}.scripture-page .bk .n{font-size:12px;color:var(--muted);white-space:nowrap}.scripture-page .bk:hover .t{text-decoration:underline}
.bible-filters{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:16px 0}.bible-filters>summary{font-size:14px;cursor:pointer;padding:12px 0;min-height:44px}.bible-filters .chstrip{flex-wrap:wrap;overflow:visible;padding-bottom:12px}.bible-filters button{min-height:44px}
.bible-chapter-grid>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin:14px 0 28px}.bible-chapter-grid a{display:grid;place-items:center;min-height:44px;border:1px solid var(--border);border-radius:5px;font-size:15px;background:var(--card)}.bible-chapter-grid a:hover{background:var(--fg);color:var(--card)}
.scripture-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:20px 0 0;overflow-x:auto;scrollbar-width:thin}
.scripture-tabs button{min-height:48px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:none;font:15px var(--body);white-space:nowrap;color:var(--muted)}.scripture-tabs button[aria-pressed="true"]{border-bottom-color:var(--fg);color:var(--fg)}.scripture-tabs span{font-size:12px;margin-left:5px;color:var(--muted)}
.bible-pane{padding-top:10px}.scripture-status{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 20px;max-width:65ch}
.bible-reading-tools{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;font-size:12px;margin:2px 0 24px;color:var(--muted)}.bible-reading-tools a,.bible-reading-tools button{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.bible-reading-tools button{border:0;background:none;font:inherit;padding:0}
.bible-verses{max-width:740px}.scripture-page .vv{padding:14px 0 14px 42px;scroll-margin-top:100px;border-bottom:1px solid var(--border)}.scripture-page .vv .no{top:17px;left:-5px;display:flex;justify-content:center;align-items:center;width:40px;min-height:44px;font-size:13px;color:var(--muted)}
.scripture-page .vv .txt{font-size:18px;line-height:1.8}.verse-citations{display:block;min-height:44px;border:0;background:none;padding:10px 0 4px;font:12px var(--body);color:var(--muted)!important;text-decoration:underline;text-underline-offset:4px}.verse-citations[aria-expanded="true"]{color:var(--fg)!important}.verse-empty{display:block;font:11px var(--body);color:var(--muted);margin-top:8px}
.chapter-citations{min-height:44px;font:14px var(--body);background:none;border:0;text-decoration:underline;padding:8px 0}.back-to-books{display:inline-flex;min-height:44px;align-items:center;margin-top:20px;text-decoration:underline;font-size:14px}
.scripture-page .vpanel{margin:8px 0 4px -42px;padding:16px;border-radius:7px;box-shadow:none;overflow-wrap:anywhere}.scripture-page .vpd summary{min-height:44px;padding:10px 0}.scripture-page .vpr{line-height:1.6}.scripture-page .vpg{font-size:14px;color:var(--muted)}
.scripture-page .readbtn,.scripture-page .peekbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;padding:8px 10px!important;border:1px solid var(--border);border-radius:5px;font:13px var(--body);background:none;color:var(--fg);text-decoration:none;margin:2px}.scripture-page .peekwrap{flex-basis:100%;width:100%;transition-duration:.18s}
.scripture-work{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border)}.scripture-work>div:first-child{min-width:0}.scripture-work .work-title{font-size:17px;line-height:1.45;display:block;text-decoration:underline;text-underline-offset:4px}.scripture-work span,.scripture-work small{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:var(--muted)}.work-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:4px;flex:none;max-width:180px}
.annotation-set{border-bottom:1px solid var(--border)}.annotation-set>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:18px 0;min-height:64px}.annotation-set>summary::-webkit-details-marker{display:none}.annotation-set strong{font-size:17px;line-height:1.5;font-weight:500}.annotation-set small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.annotation-action{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.annotation-set[open] .annotation-action{opacity:.5}
.annotation-volume{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--border)}.annotation-volume>div{min-width:0}.annotation-volume strong{font-size:15px}.annotation-volume span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.annotation-volume>a{align-self:center;flex:none;min-height:44px;padding:10px 12px;background:var(--fg);color:var(--card);border-radius:5px;font-size:13px}.annotation-other>summary{min-height:44px;padding:10px 0;font-size:13px;cursor:pointer}.annotation-destinations{padding:0 16px 16px;background:var(--card);border-radius:6px;margin-bottom:16px}
@media(max-width:640px){
 .scripture-page{padding:24px 16px 100px!important}.scripture-page h1{font-size:34px}.scripture-page .bible-intro{font-size:15px}.scripture-page .bookgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.scripture-page .bk{display:block;min-height:64px;padding:10px 0}.scripture-page .bk .t{font-size:15px;display:block}.scripture-page .bk .n{display:block;margin-top:2px;font-size:11px}
 .bible-sections{gap:18px}.bible-sections a{font-size:12px}.bible-jump button{font-size:12px;padding:8px 10px}.bible-jump input{padding:8px 6px}.bible-nav{gap:8px}.bible-nav>a{font-size:12px;padding:8px}.bible-nav label:first-child{min-width:130px}.bible-nav label:nth-child(2){width:90px}.bible-nav>a{flex:1;justify-content:center}
 .scripture-tabs{gap:20px}.scripture-tabs button{font-size:13px}.bible-reading-tools{gap:0 18px;margin-bottom:12px}.bible-reading-tools>span{width:100%;margin-top:10px}.scripture-page .vv .txt{font-size:16px;line-height:1.8}.scripture-page .vv{padding-left:32px}.scripture-page .vv .no{left:-10px}.scripture-page .vpanel{margin-left:-32px;padding:12px}
 .scripture-work{flex-direction:column;align-items:start;gap:10px}.work-actions{max-width:none;justify-content:start}.scripture-work .work-title,.annotation-set strong{font-size:16px}.annotation-set>summary{gap:12px}.annotation-action{font-size:11px}.annotation-volume{flex-direction:column;gap:10px}.annotation-volume>a{align-self:flex-start}.annotation-destinations{padding:0 12px 12px}
}
/* Connections is a navigable graph with a reading panel, in the same two themes. */
.web-page{--sky:var(--bg);--ink-l:var(--fg);--mut-l:var(--muted);--fnt-l:var(--muted);--bdr-l:var(--border);--card-l:var(--card);--gold:var(--fg);background:var(--bg)}
.web-page header.site{padding:10px 20px;gap:16px;align-items:center;background:var(--card);border-bottom:1px solid var(--border);color:var(--fg);backdrop-filter:none;right:0!important}
.web-page header.site .brand{font-size:19px}.web-page header.site .brand i{font-style:normal}.web-page header.site nav{gap:20px}.web-page header.site nav a{font-size:14px;letter-spacing:0;text-transform:none;min-height:44px;display:flex;align-items:center;padding:0}
.web-page #find{transform:none!important;flex:1;max-width:320px;margin-left:auto}.web-page #find input,.web-page.popen #find input{font-size:16px;min-height:44px;width:100%;max-width:none;background:var(--bg);border:1px solid var(--control-border,var(--border));border-radius:6px;color:var(--fg)}
.web-page #find::after{display:none}.web-page #findlist{top:50px;width:320px;max-width:90vw;max-height:55dvh;background:var(--card);color:var(--fg);border-color:var(--border);box-shadow:none;border-radius:7px}
.web-page #findlist button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;min-height:48px;padding:10px 12px;font:14px var(--body);color:var(--fg);text-align:left;background:none;border:0;cursor:pointer}.web-page #findlist button:hover,.web-page #findlist button.k{background:var(--hl)}.web-page #findlist p{font-size:14px;line-height:1.5;padding:12px}.web-page #findlist small{font-size:11px;color:var(--muted)}
#web-theme{min-width:44px;min-height:44px;border:0;background:none;color:var(--fg);font:13px var(--body);cursor:pointer}
.web-page #intro{top:100px;left:24px;color:var(--muted);font-size:14px;line-height:1.6;max-width:320px}.web-page #intro b{color:var(--fg);font-size:30px;margin-bottom:10px}.web-page #tip{background:var(--card);color:var(--fg);border-color:var(--border)}
.web-page #lens{background:var(--card);border:1px solid var(--border);backdrop-filter:none;padding:4px;border-radius:6px;gap:2px}.web-page .lensb{font-size:12px;min-height:44px;color:var(--muted);border:0;border-radius:4px;letter-spacing:0;text-transform:none}.web-page .lensb.on{background:var(--fg);color:var(--card)}.web-page #shsel{max-width:190px;font-size:14px}.web-page #prwrap{padding:0 10px}
.web-page #legend{font-size:12px;gap:12px;max-width:47vw}.web-page #legend .lg{min-height:44px}.web-page #legend i{background:currentColor!important}.web-page #brush{background:var(--card);border-top:1px solid var(--border)}
.web-page #fstat{top:88px;background:var(--card);border-color:var(--border);color:var(--muted);backdrop-filter:none;border-radius:6px;min-height:44px}.web-page #fclr{min-height:36px;color:var(--fg)}
.web-page #panel{--bg:inherit;--card:inherit;--fg:inherit;--muted:inherit;--faint:var(--muted);--border:inherit;--accent:var(--fg);top:76px;width:min(520px,48vw);background:var(--card);border-color:var(--border);color:var(--fg);backdrop-filter:none;box-shadow:none;transition:transform .18s cubic-bezier(.22,1,.36,1);z-index:29}
.web-page #panel .ph{padding:20px 64px 16px 24px}.web-page #panel .ph h2{font-size:28px}.web-page #panel .ph .sub{font-size:13px;line-height:1.5;color:var(--muted)}.web-page #panel .ph .x{min-width:44px;min-height:44px;right:12px;top:12px;color:var(--fg)}
.web-page #pbody{padding:12px 24px 100px;overscroll-behavior:contain}.web-page .loading{color:var(--muted)}.web-page .pbtn{min-height:44px;display:inline-flex;align-items:center;font:14px var(--body);padding:8px 12px;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:5px;cursor:pointer}
.web-scripture-nav{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.web-scripture-nav label,#web-path-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.web-page select.pk{min-height:44px;max-width:none;width:100%;font-size:16px;border-color:var(--control-border,var(--border));border-radius:5px}
.web-chapter-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:12px 0;border-bottom:1px solid var(--border)}.web-chapter-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.web-page .vrow{padding:18px 0}.web-page .vrow .vt{font-style:normal;font-size:16px;line-height:1.75;color:var(--fg)}.web-page .vrow .vn{font:13px var(--body);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;text-decoration:underline}
.web-verse-sources>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;color:var(--muted)}.web-verse-source{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);font-size:14px}.web-verse-source a{min-height:44px;display:flex;align-items:center;white-space:nowrap;font-size:12px;text-decoration:underline}.web-all-citations{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline}
#web-path-form{display:grid;gap:20px}#web-path-form input{min-height:48px;border:1px solid var(--control-border,var(--border));border-radius:5px;background:var(--bg);color:var(--fg);font:16px var(--body);padding:10px 12px}#web-path-form .pbtn{justify-self:start}#path-feedback{font-size:14px;color:var(--muted)}
#web-zoom{position:fixed;left:20px;bottom:154px;z-index:24;display:flex;gap:1px;border:1px solid var(--border);background:var(--card);border-radius:6px;padding:3px}#web-zoom button{min-width:44px;min-height:44px;background:none;color:var(--fg);border:0;font:15px var(--body);cursor:pointer}#web-zoom button:hover{background:var(--hl)}
.web-page .eraflow{overflow-x:auto;gap:16px}.web-page .eraflow .col{min-width:120px}.web-page .eraflow .au{min-height:36px;white-space:normal;font-size:13px}.web-page .eraflow h4{color:var(--muted)!important}.web-page .stance{color:var(--muted)}.web-page .edge .er[role="button"]{min-height:44px}
@media(max-width:1000px){.web-page header.site{flex-wrap:wrap;gap:4px 20px}.web-page header.site nav{order:3;width:100%;gap:24px}.web-page #panel{top:120px}.web-page #intro{top:144px}.web-page #fstat{top:130px}.web-page #lens{max-width:55vw;flex-wrap:wrap}.web-page #prwrap{display:none}}
@media(max-width:640px){
 .web-page header.site{padding:6px 12px;gap:2px 8px}.web-page header.site .brand{font-size:17px}.web-page #web-theme{margin-left:auto}.web-page #find{order:4;max-width:none;width:100%;flex-basis:100%}.web-page #find input{min-height:44px}.web-page header.site nav{gap:24px}.web-page header.site nav a{font-size:13px;min-height:40px}.web-page #findlist{top:47px;left:0;right:auto;width:100%;max-width:none}
 .web-page #panel{top:146px;bottom:0;height:calc(100dvh - 146px);width:100%;max-width:100%;border-radius:0;border-top:1px solid var(--border);border-left:0;transform:translateY(105%)}.web-page #panel.open{transform:none}.web-page #panel .ph{padding:16px 60px 12px 16px}.web-page #panel .ph h2{font-size:25px}.web-page #panel .ph .sub{font-size:12px}.web-page #pbody{padding:8px 16px 110px}
 .web-page #intro{top:172px;left:16px;max-width:280px;font-size:13px}.web-page #intro b{font-size:26px}.web-page #lens{top:auto;bottom:86px;right:12px;max-width:calc(100vw - 24px);gap:0}.web-page #shsel{font-size:13px;max-width:165px}.web-page .lensb{padding:6px 9px;min-height:44px}
 .web-page #fstat{top:158px;max-width:calc(100vw - 24px);white-space:nowrap;font-size:12px}.web-page #web-zoom{bottom:144px;left:12px}.web-page.popen #web-zoom,.web-page.popen #lens,.web-page.popen #fstat{visibility:hidden}.web-page #brush{height:72px}.web-page .vrow .vt{font-size:16px}.web-page #legend{display:none}
}
@media(prefers-reduced-motion:reduce){.web-page #panel,.scripture-page .peekwrap{transition:none}}
.bible-end-nav{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:24px 0;font-size:13px}.bible-end-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.web-topic-search{font-size:13px;color:var(--muted);display:grid;gap:6px}.web-topic-search input{width:100%;min-height:48px;background:var(--bg);color:var(--fg);border:1px solid var(--control-border,var(--border));border-radius:5px;padding:10px;font:16px var(--body)}#web-topic-count{font-size:12px;color:var(--muted)}.web-topic-row{display:flex;gap:16px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid var(--border);background:none;color:var(--fg);text-align:left;font:15px var(--body);cursor:pointer}.web-topic-row small{font-size:12px;color:var(--muted)}
.scripture-page .vpe,.scripture-page .vpe .n{color:var(--muted)}
.research-page #thBtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;vertical-align:middle}
@media(max-width:640px){.research-page #topnav{display:flex;gap:18px;width:100%;min-width:0;overflow-x:auto;scrollbar-width:thin}.research-page #topnav a{flex:0 0 auto;font:14px var(--body);font-variant-caps:normal;letter-spacing:0;padding:0;min-height:44px;display:flex;align-items:center;justify-content:center}.research-page #topnav::-webkit-scrollbar{display:block;height:3px}.research-page #topnav::-webkit-scrollbar-thumb{background:var(--border)}.scripture-page .vv,.bible-books{scroll-margin-top:120px}}
@media(max-width:640px){.scripture-tabs{gap:18px}.scripture-tabs span{display:none}}
.web-page #legend{left:20px;right:auto;transform:none;max-width:56vw;white-space:normal;background:var(--card);border:1px solid var(--border);border-radius:6px;backdrop-filter:none;padding:4px;gap:0}
.web-page #intro{background:var(--card);border-color:var(--border);backdrop-filter:none;border-radius:8px;padding:18px}.web-page #tip{backdrop-filter:none;box-shadow:none}.web-page .lensb.on{box-shadow:none}
@media(min-width:641px){.web-page.popen #legend{max-width:calc(100vw - 560px)}.web-page #web-zoom{bottom:210px}}

/* THE SCRIPTURE INDEX OPENS WITH A HEADER.

   Ian, 2026-09-21: "Just move everything above the books into a header."
   The name, the line saying what the page is for, the way into a
   passage and the three testaments were four siblings stacked on the
   same ground as the canon below them, so the books began where the
   introduction happened to stop. bible.in03.js now wraps the four in
   <header class="bible-head"> and this gives that header an edge.

   THE BLEED CANNOT OVERFLOW, and that is worth stating because the
   obvious version of it does. .scripture-page is max-width:1000px with
   36px/32px padding; pulling a child out by -32px either side makes it
   64px wider than the column, which on a viewport under about 1064px
   would push a horizontal scrollbar onto the page. It does not here
   because .scripture-page computes box-sizing:border-box (measured on
   the live page, 2026-09-21), so its 1000px already contains the
   padding and a child at margin-inline:-32px lands exactly on the
   element's own edges. Do not lift this block onto a content-box
   container without changing the numbers.

   --card rather than a new colour: it is the raised surface in both the
   light and dark reading palettes, so the band follows the theme button
   without a second rule. */
.scripture-page .bible-head {
  margin: -36px -32px 32px;
  padding: 36px 32px 0;
  background: var(--card);
  border-bottom: 1px solid var(--border);
}
.scripture-page .bible-head h1 { margin-bottom: 12px; }
.scripture-page .bible-head .bible-intro { margin-bottom: 22px; }
/* The testament links become the foot of the band, so the header's own
   rule is the one under them. Two rules a pixel apart read as a mistake. */
.scripture-page .bible-head .bible-sections { margin: 22px 0 0; border-bottom: 0; }

@media (max-width: 640px) {
  /* Matched to the narrow padding above, 24px/16px. */
  .scripture-page .bible-head { margin: -24px -16px 24px; padding: 24px 16px 0; }
  .scripture-page .bible-head .bible-intro { margin-bottom: 18px; }
}