/* Final presentation layer, also safe to append to older published page shells. */
:root,:root body{color-scheme:light;--bg:#f6f1e7;--paper:#fcf9f2;--ink:#36312a;--muted:#6b6355;--line:#ddd5c5;--accent:#4c6448;--soft:#eae3d3;--gold:#795927;--panel-yellow:#f3e9cd;--panel-coral:#f2ddd6;--panel-blue:#dde7ea;--panel-mint:#dfe8dc;--panel-orange:#f4e6cf;--outline:#8c806b;--control-border:#8c806b;--focus:#76602e;--on-accent:#fcf9f2;--hero-bg:#344737;--hero-ink:#f6f1e7;--hero-accent:#eed9a6;--lift:0 1px 3px #4a3f2a18;--lift-hover:0 3px 12px #4a3f2a24;--yellow:var(--panel-yellow);--rose:var(--panel-coral);--green:var(--accent)}
:root[data-theme=dark],:root[data-theme=dark] body{color-scheme:dark;--bg:#221f1b;--paper:#2c2924;--ink:#e5dfd1;--muted:#b3aa97;--line:#49443b;--accent:#b6c5a5;--soft:#3b362e;--gold:#d2aa6d;--panel-yellow:#453c29;--panel-coral:#41312d;--panel-blue:#2e383c;--panel-mint:#303a30;--panel-orange:#403526;--outline:#958b79;--control-border:#958b79;--focus:#dfbd7e;--on-accent:#221f1b;--hero-bg:#303a30;--hero-ink:#e5dfd1;--hero-accent:#e3c693;--lift:0 1px 3px #0005;--lift-hover:0 3px 12px #0007}
:root body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif}
:root header{background:var(--paper);border-bottom:1px solid var(--line)}
:root button,:root .button{background:var(--paper);color:var(--ink);border:1px solid var(--control-border);border-radius:10px;box-shadow:var(--lift);min-height:44px}
:root button.primary,:root .button.primary,:root .home-quick-links a:first-child{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
:root select,:root input:not([type=range]):not([type=checkbox]):not([type=radio]){background:var(--paper);color:var(--ink);border:1px solid var(--control-border);border-radius:9px;min-height:44px}
:root input{accent-color:var(--accent)}
:root :is(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
:root .page-heading,:root .site-home .home-welcome,:root .site-home .home-context{background:var(--panel-yellow);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--lift)}
:root :is(.chapter-card,.book-link,.lection-item,.search-result,.supplementary-card,.reading-panel,.home-book,.home-paths a,.home-pixel-scene,.prose,.notes){background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--lift)}
:root :is(.chapter-card,.book-link,.supplementary-card):nth-child(3n+1),:root .site-home .home-book{background:var(--panel-orange)}
:root :is(.chapter-card,.book-link,.supplementary-card):nth-child(3n+2),:root .site-home .home-book:nth-child(2),:root .site-home .home-paths a{background:var(--panel-coral)}
:root :is(.chapter-card,.book-link,.supplementary-card):nth-child(3n),:root .site-home .home-book:nth-child(3),:root .site-home .home-paths a:nth-child(2){background:var(--panel-blue)}
:root .site-home .reading-panel:nth-child(2),:root .site-home .home-paths a:nth-child(3){background:var(--panel-mint)}
:root .badge,:root .reading-shortcuts a{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px}
:root .chapter-grid a{background:var(--paper);color:var(--ink);border:1px solid var(--control-border);border-radius:9px;min-width:44px;min-height:44px}
:root .chapter-grid a:hover{background:var(--accent);color:var(--on-accent)}
:root .notice,:root .script-note{background:var(--panel-orange);color:var(--ink);border-color:var(--line);border-left-color:var(--accent)}
:root .reader{max-width:min(100%,calc(var(--reader-size,30px)*28 + 6rem));background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:26px 30px}
:root .reader.comparing{max-width:100%}
:root .reader .verse,:root .reader .reference-verse,:root .reader .verse-text{min-width:0}
:root .reader .verse-text{color:var(--ink);line-height:1.85;letter-spacing:.015em;word-break:normal;overflow-wrap:break-word;line-break:strict}
:root .reader .reference-cell .verse-text{color:var(--ink)}
:root .reader .verse-no,:root .reader .verse-no a{color:var(--gold)}
:root .reader .verse-row{scroll-margin-top:150px;padding-block:14px}
:root .reader .verse-row:target{background:var(--soft);border-radius:8px;box-shadow:inset 3px 0 var(--accent)}
:root .reader .verse-row:target .verse-text,:root .reader .verse-row:target .verse-text a{color:var(--ink)}
:root .reader .verse-row:target .verse-no,:root .reader .verse-row:target .verse-no a{color:var(--gold)}
:root .search-result mark{background:var(--panel-yellow);color:var(--ink);box-shadow:inset 0 -2px var(--gold)}
:root:root .about-page{--a-navy:var(--hero-bg);--a-yellow:var(--hero-accent);--a-cyan:var(--panel-mint);--a-orange:var(--gold);--a-blue:var(--accent);--a-purple:var(--accent)}
:root:root .about-page .about-hero,:root:root .about-page .about-workflow{background:var(--hero-bg);color:var(--hero-ink);border-color:var(--hero-bg);border-radius:18px;box-shadow:var(--lift);--muted:#d9d3c4;--line:#87917f}
:root:root .about-page .about-hero h1,:root:root .about-page .about-hero h1 span,:root:root .about-page .about-workflow h2 span,:root .history-our-bible #our-bible-title,:root .history-creator-belief p{color:var(--hero-accent)}
:root:root .about-page .about-lead,:root:root .about-page .about-hero-note,:root:root .about-page .about-workflow :is(.about-role,.about-history,figcaption),:root .history-modern :is(.history-source,dt),:root .history-edition-footer p,:root .history-our-bible :is(.history-source,.about-heading-row>p){color:var(--hero-ink)}
:root:root .about-page .about-hero-photo{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--lift)}
:root:root .about-page .about-hero-photo figcaption{color:var(--muted)}
:root:root .about-page :is(.about-name,.about-band,.about-finale){background:var(--panel-yellow);color:var(--ink);border-color:var(--accent);border-radius:16px;box-shadow:var(--lift)}
:root:root .about-page .about-example{background:var(--panel-mint);color:var(--ink);border-radius:14px}
:root:root .about-page :is(.about-steps li,.about-name-parts li){background:var(--paper);color:var(--ink);--muted:var(--ink);border-color:var(--line);border-radius:12px}
:root:root .about-page :is(.about-role,.about-small-number),:root:root .about-page .about-name-parts span{color:var(--muted)}
:root:root .about-page :is(.about-name .about-kicker,.about-name #name-title span,.about-finale h2 span,.about-steps li:nth-child(n) .about-step-no){color:var(--accent)}
:root:root .about-page .about-button,:root:root .about-page .about-finale .about-button{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:9px;box-shadow:var(--lift)}
:root:root .about-page :is(.about-hero,.about-workflow) .about-button{background:var(--hero-accent);color:var(--hero-bg);border-color:var(--hero-accent)}
:root .history-band>i{color:var(--muted)}
:root .history-our-bible #our-bible-title span,:root .history-creator-line{color:var(--hero-ink)}
:root .history-creator-story a{color:var(--hero-accent);text-decoration:underline}
:root:root .about-page :is(.about-hero,.about-workflow) a:focus-visible{outline-color:var(--hero-accent)}
:root .prompt-screen{color-scheme:dark;background:#221f1b;color:#e5dfd1;--focus:#dfbd7e;--prompt-leading:1.7}
:root .prompt-screen .prompt-controls{background:#2c2924;color:#e5dfd1;border-bottom:1px solid #958b79}
:root .prompt-screen .prompt-controls button{background:#3b362e;color:#e5dfd1;border-color:#958b79;box-shadow:none;min-height:44px}
:root .prompt-screen .prompt-help{color:#b3aa97}
:root .prompt-screen .prompt-number{color:#d2aa6d}
:root .prompt-screen.light{color-scheme:light;background:#f6f1e7;color:#36312a;--focus:#76602e}
:root .prompt-screen.light .prompt-controls{background:#fcf9f2;color:#36312a;border-color:#8c806b}
:root .prompt-screen.light .prompt-controls button{background:#eae3d3;color:#36312a;border-color:#8c806b}
:root .prompt-screen.light .prompt-help{color:#6b6355}
:root .prompt-screen.light .prompt-number{color:#795927}
:root .prompt-screen input[type=range]{accent-color:#d2aa6d}
:root .prompt-screen.light input[type=range]{accent-color:#795927}
:root .prompt-content{overflow-wrap:break-word;line-break:strict;letter-spacing:.015em}
@media(max-width:960px){:root .reader.comparing .verse-row{grid-template-columns:1fr;gap:14px;border-bottom:1px solid var(--line)}:root .reader.comparing .reader-head{display:none}:root .reader.comparing .reference-cell:before{display:block;content:attr(data-reference-label);font-size:.8rem;color:var(--muted);margin-bottom:.5rem}}
@media(max-width:760px){:root .reader,:root .reader.comparing{padding:20px 16px}:root .tools{position:static}:root .reader .verse-row{scroll-margin-top:24px}:root .prompt-controls{max-height:42vh;overflow-y:auto}:root .prompt-scroll{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}:root *,:root *:before,:root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root body,:root .reader,:root:root .about-page :is(.about-name,.about-workflow,.about-hero,.about-band,.about-finale,.about-steps li,.about-name-parts li){background:#fff;color:#000;box-shadow:none}:root .reader{max-width:100%;padding:0;border:0}:root .reader :is(.verse-text,.verse-no),:root .reader .reference-cell .verse-text{color:#000}:root .reader .verse-row:target{background:transparent;box-shadow:none}:root .prompt-screen{display:none!important}}

/* The dynamic public reader header declares its own local palette. */
:root:root #cb-public-site-header{--bg:inherit;--paper:inherit;--ink:inherit;--muted:inherit;--line:inherit;--accent:inherit;--gold:inherit;--outline:inherit;--soft:inherit;background:var(--paper);color:var(--ink)}
:root:root #cb-public-site-header select{background:var(--paper);color:var(--ink);border:1px solid var(--control-border);border-radius:9px}
:root:root .about-page .about-hero-photo{--muted:var(--ink)}
:root:root .about-page .about-workflow .about-steps .about-role{color:var(--ink)}
:root:root .about-page .history-modern-cover{background:var(--paper);color:var(--ink)}
:root:root .about-page .about-workflow .history-modern-cover figcaption,:root:root .about-page .about-workflow .history-modern-cover a{color:var(--ink)}
:root .history-our-bible .history-inheritance-mark{color:var(--hero-accent)}
:root:root .history-page a:focus-visible{outline-color:var(--focus)}
:root:root #cb-public-site-header{font-family:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;border-bottom:1px solid var(--line)}