@charset "UTF-8";
:root{color-scheme:dark;--bg:#07123c;--bg-deep:#040c30;--paper:#0d2057;--text:#f3f1c7;--muted:#aab7cf;--heading:#fff3ad;--accent:#e9b94f;--link:#b9d7ff;--line:#354a78;--button:#142d72;--shadow:0 10px 30px rgba(0,0,0,.22);--font-size:19px;--reader-width:1440px}
html[data-theme="light"]{color-scheme:light;--bg:#f7f5ed;--bg-deep:#e9e5d8;--paper:#fffef9;--text:#24304a;--muted:#52617a;--heading:#233e75;--accent:#8e6420;--link:#124a9f;--line:#c6ccda;--button:#e4e9f6;--shadow:0 8px 24px rgba(21,39,65,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--text);font:var(--font-size)/1.72 "Noto Sans", "Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:var(--link)}a:hover{text-decoration-color:var(--accent)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.sitebar{position:sticky;top:0;z-index:20;background:var(--bg-deep);border-bottom:1px solid var(--line)}.sitebar-inner{width:min(100% - 30px,1560px);min-height:65px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.sitebar-inner>a:first-child,.sitebar-inner>span:first-child{justify-self:start}.sitebar-inner>a:last-child,.sitebar-inner>span:last-child{justify-self:end}.sitebar-inner>a:not(.brand){text-decoration:none;font-size:.78em;font-weight:650}.sitebar-inner>span{font-size:.66em;color:var(--muted);letter-spacing:.1em}.brand{display:flex;flex-direction:column;align-items:center;line-height:1.1;text-decoration:none;white-space:nowrap}.brand>span{font:500 clamp(1.35rem,3vw,2rem)/1 Georgia,serif;letter-spacing:.16em;color:var(--accent)}.brand small{font-size:.54em;letter-spacing:.13em;color:var(--heading);text-transform:uppercase;margin-top:5px}
.actionbar{min-height:45px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px max(16px,calc((100% - 1500px)/2));font-size:.74em}.actions{display:flex;gap:7px;align-items:center}.actions button{background:var(--button);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-weight:650}.contents-link{text-decoration:none;font-weight:700}
.layout{width:min(100% - 32px,1550px);margin:32px auto;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(20px,3vw,55px);align-items:start}.toc-panel{position:sticky;top:128px;max-height:calc(100vh - 140px);overflow:auto;font-size:.76em}.toc-panel details{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:12px}.toc-panel summary{font-weight:700;cursor:pointer;color:var(--heading)}.toc{display:flex;flex-direction:column;gap:8px;margin-top:10px}.toc a{text-decoration:none;line-height:1.4;border-bottom:1px solid var(--line);padding:0 0 7px}.reading{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:clamp(18px,3vw,52px);box-shadow:var(--shadow);display:flow-root}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.68em;letter-spacing:.16em;font-weight:780;margin-bottom:12px}.reading h1,.home h1{font-family:Georgia,serif;color:var(--heading);font-size:clamp(1.9rem,4vw,3.2rem);font-weight:500;line-height:1.17;margin:0 0 13px}.chapter-deck{color:var(--muted);font-size:1.05em;font-weight:600;margin:0 0 32px}.reading h2{color:var(--heading);font-size:clamp(1.15em,2.2vw,1.45em);line-height:1.35;clear:both;text-align:center;margin:2.1em 0 1.1em}.reading h3{color:var(--heading);font-size:1.03em;line-height:1.4;text-align:center;clear:both;margin:1.7em 0 .8em}.reading p{margin:0 0 1em;text-align:left;overflow-wrap:break-word}.reading p.source-note{font-size:.78em;font-style:italic;color:var(--muted)}.reading p.scripture{border-left:3px solid var(--accent);padding-left:12px}.reading a{overflow-wrap:anywhere}.initial{font-variant:small-caps;font-weight:750;color:var(--accent)}.divine-quote{color:var(--accent)}.illustration{float:right;width:clamp(180px,30%,370px);max-width:95%;margin:7px 0 18px clamp(18px,2.2vw,30px);clear:right}.illustration img{display:block;max-width:100%;height:auto;width:100%;border-radius:9px;border:1px solid var(--line);box-shadow:var(--shadow);transition:filter .2s}.illustration a:focus-visible img,.illustration a:hover img{filter:brightness(1.08)}.illustration a{display:block}.reading ul,.reading ol{padding-left:2em}.reading li{padding-bottom:.4em}.reading blockquote{border-left:4px solid var(--accent);margin:1.2em 0;padding:0 18px;color:var(--heading)}.responsive-table{overflow-x:auto}.responsive-table table{border-collapse:collapse;min-width:400px;width:100%}.responsive-table td{padding:12px;border:1px solid var(--line)}.soft-line{border:0;border-top:1px solid var(--line);margin:1.6em 0}.bottom-nav{clear:both;display:flex;justify-content:space-between;gap:12px;margin-top:36px;border-top:1px solid var(--line);padding-top:18px}.bottom-nav a{border:1px solid var(--line);background:var(--button);border-radius:9px;padding:10px 16px;text-decoration:none;font-weight:700}.backtop{position:fixed;right:15px;bottom:16px;border:1px solid var(--line);background:var(--paper);border-radius:999px;height:42px;width:42px;text-align:center;line-height:39px;text-decoration:none;font-weight:bold;z-index:19;box-shadow:var(--shadow)}.footer{text-align:center;font-size:.73em;color:var(--muted);padding:22px}.home{width:min(100% - 32px,1320px);margin:clamp(35px,5vw,80px) auto}.home h1{font-size:clamp(2.8rem,7vw,5rem);letter-spacing:.12em;color:var(--accent)}.home .intro{max-width:85ch;margin:14px 0 40px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.section-card{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;box-shadow:var(--shadow)}.section-card:hover{border-color:var(--accent)}.section-card strong{font:500 1.35em/1.25 Georgia,serif;color:var(--heading)}.section-card span{font-size:.86em}.section-card .section-kicker{font-size:.65em;color:var(--accent);font-weight:bold;letter-spacing:.1em}.section-card .section-meta{color:var(--link);margin-top:auto;padding-top:14px}.edition-note{border-top:1px solid var(--line);font-size:.82em;color:var(--muted);margin-top:35px;padding-top:20px}
@media(max-width:970px){.layout{display:block}.toc-panel{position:static;max-height:none;margin-bottom:15px}.toc-panel .toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 14px}.reading{padding:clamp(17px,3vw,36px)}.reading h2{clear:both}}
@media(max-width:680px){.sitebar-inner{min-height:62px}.sitebar-inner>a:not(.brand){font-size:.66em}.sitebar-inner .brand>span{font-size:1.25rem}.sitebar-inner .brand small{font-size:.48rem}.actionbar{flex-wrap:wrap;font-size:.75em}.reading{border-radius:10px}.reading p{line-height:1.62}.illustration{float:none;width:min(100%,540px);max-width:100%;margin:16px auto 20px}.illustration img{width:100%}.bottom-nav a{font-size:.81em;padding:10px 12px}.home{margin:40px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.illustration img{transition:none}}


/* ====================================================================
  ORIGINS — BIBLES.MY ALIGNED READING INTERFACE
  Shared Bibles.my stylesheets (combinedStylesLight / combinedStylesDark)
  are loaded FIRST. This file supplies Origins-specific layout / navigation.
  The original Origins text and WebP filenames are preserved.
==================================================================== */
:root {
  color-scheme: dark;
  --origins-bg: #000038;
  --origins-ink: #fffd9e;
  --origins-heading: #ffffff;
  --origins-text-link: #c6daff;
  --origins-nav: #204574;
  --origins-nav-border: #6186b3;
  --origins-nav-hover: #326394;
  --origins-nav-selected: #788da3;
  --origins-toolbar-text: #ffffff;
  --origins-font-size: 16px;
}
html[data-theme="light"] {
  color-scheme: light;
  --origins-bg: #f8f9fc;
  --origins-ink: #26344e;
  --origins-heading: #143b75;
  --origins-text-link: #164c88;
  --origins-nav: #e1e9f5;
  --origins-nav-border: #8ca6c8;
  --origins-nav-hover: #cbdaf0;
  --origins-nav-selected: #bccadd;
  --origins-toolbar-text: #153b6a;
}
html {scroll-behavior:smooth; scroll-padding-top:62px;}
body {
  background:var(--origins-bg) !important;
  color:var(--origins-ink) !important;
  margin:0 !important;
  width:100%;
  font-family: "Noto Sans Display", "Noto Sans", "Segoe UI", Arial, sans-serif !important;
  font-size:var(--origins-font-size);
  line-height:1.68;
  overflow-x:hidden;
}
body a { color:var(--origins-text-link); }
body button, body a, body summary { -webkit-tap-highlight-color:transparent; }
body button:focus-visible, body a:focus-visible, body summary:focus-visible {
  outline:3px solid #ecbc49 !important; outline-offset:2px;
}
.origins-sticky,
.origins-site-header,
.origins-site-header *,
.origins-sticky * {
  box-sizing:border-box;
}
.origins-sticky {
  position:sticky !important;
  top:0;
  width:100%;
  z-index:1000;
  background:#101f54;
  color:#fff;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:6px;
  padding:5px max(12px,5vw);
  border-bottom:1px solid #385180;
  font:650 16px/1.2 "Noto Sans Display",Arial,sans-serif;
}
.origins-sticky a, .origins-sticky .origins-current {
  display:flex;align-items:center;justify-content:center;
  background:#204574 !important;color:#fff !important;
  border:1px solid #6487ad !important;
  border-radius:4px;min-height:36px;text-align:center;
  text-decoration:none !important;padding:7px 9px !important;
}
.origins-sticky a:hover {background:#326394 !important;}
.origins-site-header {
  max-width:1550px;
  width:calc(100% - 10%);
  margin:0 auto;
  padding:16px 0 18px;
  font:600 17px/1.4 "Noto Sans Display",Arial,sans-serif;
}
.origins-masthead {
  display:flex;align-items:center;justify-content:center;
  position:relative;
  min-height:108px;
  margin:0 0 10px;
}
.origins-brand {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#cae9ff !important;
  font:800 clamp(2.9rem,6vw,5.8rem)/1 "Noto Sans Display",Arial,sans-serif;
  letter-spacing:.085em;
  text-decoration:none !important;
  -webkit-text-stroke:1.2px #2a8aff;
  text-shadow:0 2px 0 #78d5ff, 0 4px 0 #003f9d, 0 0 15px #1884ff;
}
.origins-brand span {
  color:var(--origins-heading);
  -webkit-text-stroke:0;
  letter-spacing:.2em;
  text-shadow:none;
  font:600 12px/1.3 "Noto Sans Display",Arial,sans-serif;
  text-transform:uppercase;
}
.origins-bibles-brand {
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  color:#cde6ff !important;
  font-size:clamp(13px,1.7vw,22px);
  letter-spacing:.05em;
  font-weight:800;
  text-decoration:none !important;
}
.origins-bibles-brand:hover {text-decoration:underline !important;}
.origins-main-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 7px;}
.origins-main-nav a,.origins-main-nav .nav-disabled {
  display:flex;align-items:center;justify-content:center;
  background:var(--origins-nav) !important;
  border:1px solid var(--origins-nav-border)!important;
  border-radius:5px !important;min-height:50px;
  padding:10px 8px!important;
  text-align:center;
  text-decoration:none!important;
  color:var(--origins-toolbar-text)!important;
  font:650 clamp(14px,1.35vw,20px)/1.3 "Noto Sans Display",Arial,sans-serif;
}
.origins-main-nav a:hover {background:var(--origins-nav-hover)!important;}
.origins-disclosure {
  background:var(--origins-nav) !important;
  border:1px solid var(--origins-nav-border)!important;
  border-radius:5px;
  margin:7px 0;
  color:var(--origins-toolbar-text) !important;
  overflow:hidden;
}
.origins-disclosure summary {
  color:var(--origins-toolbar-text)!important;
  font:700 clamp(15px,1.4vw,20px)/1.4 "Noto Sans Display",Arial,sans-serif!important;
  cursor:pointer;
  text-align:center;
  padding:15px 12px;
  list-style:none;
}
.origins-disclosure summary::-webkit-details-marker {display:none;}
.origins-disclosure summary:hover {background:var(--origins-nav-hover);}
.origins-disclosure summary::after {content:"";display:inline;}
.origins-disclosure[open] summary {border-bottom:1px solid var(--origins-nav-border);}
.origins-disclosure-content {
  background:var(--origins-bg);
  padding:14px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));
  gap:8px;
}
.origins-disclosure-content a {
  display:block; padding:9px 10px;
  background:var(--origins-nav)!important;color:var(--origins-toolbar-text)!important;
  border:1px solid var(--origins-nav-border)!important;
  border-radius:4px;text-decoration:none!important;
  text-align:center;font-size:15px;
}
.origins-disclosure-content a:hover,
.origins-disclosure-content a[aria-current="page"] {
  background:var(--origins-nav-hover)!important;
}
.origins-tools {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;margin-top:7px;
}
.origins-tools button {
  background:var(--origins-nav)!important;
  color:var(--origins-toolbar-text)!important;
  border:1px solid var(--origins-nav-border)!important;
  border-radius:5px!important;
  min-height:54px;
  padding:8px 4px;
  font:700 17px/1.03 "Noto Sans Display",Arial,sans-serif!important;
  cursor:pointer;
}
.origins-tools button:nth-last-child(-n+2) {font-size:14px!important;}
.origins-tools button:hover {background:var(--origins-nav-hover)!important;}
.origins-tools button[aria-pressed="true"] {background:var(--origins-nav-selected)!important;}
.origins-reading-layout.pageStyling {
  width:100%!important;max-width:none;
  padding:0 0 35px!important;
  margin:0 auto!important;
  display:block!important;
  background:none!important;
}
.origins-reading-layout .reading.mainContent {
  width:80% !important;
  max-width:1250px !important;
  min-width:0;
  margin:35px auto 0 !important;
  padding:0 6px 25px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:flow-root;
  color:var(--origins-ink)!important;
}
.reading.mainContent h1,
.reading.mainContent h2,
.reading.mainContent h3 {color:var(--origins-heading)!important; text-align:center;clear:both;}
.reading.mainContent h1 {font:700 clamp(1.7rem,3.4vw,2.4rem)/1.26 "Noto Sans Display",Arial,sans-serif!important;}
.reading.mainContent h2 {font-size:1.35em!important; margin:1.8em 0 .8em!important;}
.reading.mainContent h3 {font-size:1.13em!important; margin:1.5em 0 .6em!important;}
.reading.mainContent p {
  font-size:inherit!important;
  line-height:1.7!important;
  color:var(--origins-ink)!important;
  text-align:justify!important;
  margin:0 0 1rem!important;
  overflow-wrap:break-word;
}
.reading.mainContent .chapter-deck,
.reading.mainContent .eyebrow,
.reading.mainContent p.source-note {text-align:center!important;}
.reading.mainContent .chapter-deck {color:var(--origins-heading)!important;}
.reading.mainContent a:not(.illustration a){color:var(--origins-text-link)!important;}
.reading.mainContent .illustration {
  width:min(30%,350px)!important;
  max-width:46%!important;
  float:right!important;
  clear:right;
  display:block!important;
  margin:5px 0 18px 23px!important;
  padding:0!important;
  border:0!important;
}
.reading.mainContent .illustration img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  border:1px solid #6380aa!important;
  border-radius:7px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.32)!important;
}
.reading.mainContent .initial {color:var(--origins-heading)!important;}
.origins-home {width:min(90%,1250px);margin:35px auto 60px;}
.origins-home h1 {text-align:center;color:var(--origins-heading)!important;}
.origins-home .section-card {background:var(--origins-nav)!important;color:var(--origins-toolbar-text)!important;border-color:var(--origins-nav-border)!important;}
.origins-home .section-card * {color:inherit!important;}
.origins-home .section-card:hover {background:var(--origins-nav-hover)!important;}
.origins-home .intro {margin-inline:auto;text-align:center;}
.origins-home .chapter-deck,.origins-home .eyebrow {text-align:center;}
.origins-home .edition-note {color:var(--origins-ink)!important;}
.bottom-nav a {background:var(--origins-nav)!important;color:var(--origins-toolbar-text)!important;border-color:var(--origins-nav-border)!important;}
.backtop {color:var(--origins-toolbar-text)!important;background:var(--origins-nav)!important;border-color:var(--origins-nav-border)!important;}
.footer {color:var(--origins-ink)!important;}
@media(max-width:840px){
  .origins-site-header {width:calc(100% - 20px);}
  .origins-masthead{min-height:95px;}
  .origins-bibles-brand{position:static;transform:none;margin-left:10px;font-size:12px;align-self:flex-end;margin-bottom:12px;}
  .origins-brand{font-size:clamp(2.3rem,8vw,4rem);}
  .origins-reading-layout .reading.mainContent {width:90%!important;}
  .origins-sticky{padding-inline:7px;font-size:12px;}
  .origins-sticky a,.origins-sticky .origins-current{min-height:35px;padding:5px 4px!important;}
  .reading.mainContent .illustration {width:min(36%,270px)!important;max-width:44%!important;margin-left:16px!important;}
}
@media(max-width:540px){
  body {line-height:1.6;}
  .origins-site-header{padding-top:7px;}
  .origins-masthead{min-height:75px;flex-direction:column;gap:2px;}
  .origins-bibles-brand{align-self:center;margin:0;}
  .origins-main-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
  .origins-main-nav a,.origins-main-nav .nav-disabled{min-height:42px;font-size:13px;}
  .origins-disclosure summary{padding:11px 7px;font-size:14px!important;}
  .origins-tools button{min-height:43px;font-size:15px!important;}
  .origins-sticky{grid-template-columns:1fr 1.2fr 1fr;gap:3px;padding:3px;}
  .origins-sticky a,.origins-sticky .origins-current{font-size:10.5px;padding:5px 2px!important;word-break:break-word;}
  .origins-reading-layout .reading.mainContent{width:calc(100% - 28px)!important;margin-top:19px!important;}
  .reading.mainContent .illustration {
    float:right!important;
    width:min(41%,220px)!important;
    max-width:41%!important;
    margin:4px 0 12px 12px!important;
  }
  .reading.mainContent p{text-align:left!important;}
  .origins-home {width:calc(100% - 26px);}
}
@media(max-width:350px){
  .reading.mainContent .illustration{width:100%!important;max-width:100%!important;float:none!important;margin:12px auto!important;}
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }

/* Guard shared legacy styles: Bibles.my originals include body/html padding
   declarations intended for Bible pages; Origins must remain full viewport. */
html, body {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* Keep Origins headings centred across the entire reading column.
   The shared Bible CSS includes narrower heading rules for Scripture pages. */
.origins-reading-layout .reading.mainContent h1,
.origins-reading-layout .reading.mainContent h2,
.origins-reading-layout .reading.mainContent h3 {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
}

/* Ensure the cross-site Bibles.my masthead link is readable in light theme. */
html[data-theme="light"] .origins-bibles-brand {
  color:#17447d !important;
  text-shadow:none !important;
}


/* ================================================================
   ORIGINS / BIBLES.MY SHARED READER — NOVEMBER 2026
   The existing combinedStylesLight/Dark stylesheets remain first.
   This layer scopes layout, accessibility and scaling to Origins.
   ================================================================ */

:root, html[data-theme="light"] {
  color-scheme: light;
  --origins-bg: #f8f9fc;
  --origins-ink: #26344e;
  --origins-heading: #143b75;
  --origins-text-link: #164c88;
  --origins-nav: #e1e9f5;
  --origins-nav-border: #8ca6c8;
  --origins-nav-hover: #cbdaf0;
  --origins-nav-selected: #bccadd;
  --origins-toolbar-text: #153b6a;
  --origins-dropcap-color: #8c6100;
  --origins-heading-shadow: 0 1px 0 #fff,1px 2px 2px rgba(9,32,84,.18),0 0 3px rgba(50,77,134,.12);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --origins-bg: #000038;
  --origins-ink: #faf879;
  --origins-heading: #fff;
  --origins-text-link: #c6daff;
  --origins-nav: #204574;
  --origins-nav-border: #6186b3;
  --origins-nav-hover: #326394;
  --origins-nav-selected: #788da3;
  --origins-toolbar-text: #fff;
  --origins-dropcap-color: #fff56b;
  --origins-heading-shadow: 0 0 0 #fff,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px rgba(255,255,255,.5),0 0 4px rgba(38,46,116,.7),2px 3px 2px rgba(0,0,0,.8),-1px -1px 3px rgba(55,53,175,.55);
}
html {--origins-zoom:1;--origins-font-size:16px;}
body{background:var(--origins-bg)!important;color:var(--origins-ink)!important;font-size:var(--origins-font-size)!important;}

/* Use Noto Serif and heading shadow treatments consistent with the Bible CSS. */
.origins-reading-layout .reading.mainContent h1,
.origins-reading-layout .reading.mainContent h2,
.origins-reading-layout .reading.mainContent h3,
.origins-home h1 {
  color:var(--origins-heading)!important;
  font-family:"Noto Serif", Georgia,serif!important;
  font-style:italic!important;
  font-weight:500!important;
  text-shadow:var(--origins-heading-shadow)!important;
}
.origins-reading-layout .reading.mainContent h2 {
  font-size:1.28em!important;
  margin:1.5em 0 .75em!important;
}
.origins-reading-layout .reading.mainContent h3 {
  font-size:1.12em!important;
  margin:1.3em 0 .65em!important;
}
/* Styled illuminated initial from the Bible-like decorative treatment. */
.reading.mainContent .initial {
  display:inline;
  font-variant:small-caps;
  font-size:1.35em;
  line-height:1;
  font-weight:800;
  color:var(--origins-dropcap-color)!important;
  text-shadow:0 0 2px rgba(0,0,0,.75),0 0 5px rgba(255,230,67,.65),0 0 12px rgba(255,246,179,.35);
}
html[data-theme="light"] .reading.mainContent .initial {
  text-shadow:0 1px 1px rgba(76,43,0,.38),0 0 4px rgba(243,190,46,.3);
}

/* Every section heading spans the reading area; text flows in columns below. */
.origins-reading-layout .reading.mainContent{display:block;}
.origins-section{display:flow-root;min-width:0; margin:0 0 1.5em;}
.origins-section > h2{column-span:all;}
.origins-columns{
  column-count:3;
  column-gap:clamp(24px,2.5vw,40px);
  column-rule:1px solid var(--origins-nav-border);
  min-width:0;
}
.origins-columns p{orphans:3;widows:3;hyphens:auto;}
.origins-columns h3,.origins-columns h4{break-after:avoid-column;}
.origins-columns figure{break-inside:avoid;}
.origins-columns::after{content:"";display:block;clear:both;}

/* Text and illustrations grow together. Width is a percentage of the actual
   current column multiplied by the same zoom factor as the text. */
.origins-reading-layout .reading.mainContent figure.illustration,
.origins-reading-layout .reading.mainContent figure.origins-scale-illustration {
  float:right!important;
  clear:right!important;
  display:block!important;
  width:clamp(7em,var(--origins-image-width,43%),64%)!important;
  max-width:64%!important;
  margin:.25em 0 .85em .65em!important;
  padding:0!important;
}
.origins-reading-layout .reading.mainContent figure.illustration img {
  display:block!important;
  float:none!important;
  clear:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  border-radius:.55em!important;
}
/* The header/toolbar and image modal remain independent of reader font sizing. */
.origins-tools button {font-size:17px!important;}
.origins-tools button:nth-last-child(-n+2){font-size:14px!important;}
.origins-tools button[aria-pressed="true"]{background:var(--origins-nav-selected)!important;}
.origins-reading-layout .reading.mainContent p {font-size:inherit!important;}
.origins-reading-layout .reading.mainContent .origins-columns p {text-align:justify!important;overflow-wrap:normal;}
.origins-reading-layout .reading.mainContent .origins-columns li{font-size:inherit;}
.origins-reading-layout .reading.mainContent .origins-columns h3{clear:none!important;}

@media(max-width:1349px){.origins-columns{column-count:2;}}
@media(max-width:849px){.origins-columns{column-count:1;column-rule:0;}}
@media(max-width:540px){
 .origins-reading-layout .reading.mainContent .origins-columns p{text-align:left!important;}
 .origins-reading-layout .reading.mainContent figure.illustration,
 .origins-reading-layout .reading.mainContent figure.origins-scale-illustration {
   float:right!important; width:clamp(6em,var(--origins-image-width,43%),64%)!important;
   max-width:64%!important;
   margin:.2em 0 .75em .6em!important;
 }
}
@media(max-width:350px){
 .origins-reading-layout .reading.mainContent figure.illustration,
 .origins-reading-layout .reading.mainContent figure.origins-scale-illustration {
   float:right!important;width:clamp(6em,var(--origins-image-width,43%),62%)!important;max-width:62%!important;
 }
}

/* =============================================================
   ORIGINS FIX 2026-11-07 — floated WebP boundaries + top control
   The shared Bibles.my LIGHT CSS applies margin-left:2rem to
   .mainContent img, but Dark CSS does not. A nested image in a
   right-floated <figure> must have ZERO outer margins to avoid
   visibly drifting over the column rule. Theme-neutral and scoped.
   ============================================================= */
.origins-reading-layout .reading.mainContent .origins-columns figure.illustration,
.origins-reading-layout .reading.mainContent .origins-columns figure.origins-scale-illustration {
  box-sizing:border-box!important;
  min-width:0!important;
}
.origins-reading-layout .reading.mainContent .origins-columns figure.illustration > a,
.origins-reading-layout .reading.mainContent .origins-columns figure.origins-scale-illustration > a {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.origins-reading-layout .reading.mainContent .origins-columns figure.illustration img,
.origins-reading-layout .reading.mainContent .origins-columns figure.origins-scale-illustration img {
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  clear:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
/* Keep an actual top-of-document anchor, outside the sticky bar. */
.origins-page-top {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;}
/* The old 42×42px round button cropped the words 'Top of Page'. */
a.backtop {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  position:fixed!important;
  right:max(12px, env(safe-area-inset-right))!important;
  bottom:max(14px, env(safe-area-inset-bottom))!important;
  width:auto!important;
  min-width:118px!important;
  height:auto!important;
  min-height:42px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font:700 13px/1.2 "Noto Sans Display",Arial,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:var(--origins-toolbar-text)!important;
  background:var(--origins-nav)!important;
  border:1px solid var(--origins-nav-border)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.22)!important;
  z-index:1100!important;
}
a.backtop:hover,a.backtop:focus-visible {
  background:var(--origins-nav-hover)!important;
}

@font-face {
  font-family: "Noto Sans Display";
  src: url("../fonts/noto-sans-display-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Display";
  src: url("../fonts/noto-sans-display-latin-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif";
  src: url("../fonts/noto-serif-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif";
  src: url("../fonts/noto-serif-latin-wght-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

.origins-reading-layout .reading.mainContent .origins-columns h4 {
  color: var(--origins-heading) !important;
  font: italic 600 1.04em/1.4 "Noto Serif", Georgia, serif !important;
  text-shadow: var(--origins-heading-shadow);
  text-align: center;
  margin: 1em 0 .45em;
}
.origins-reading-layout .reading.mainContent .origins-columns figure.origins-wide-illustration {
  float: none !important;
  width: min(calc(83% * var(--origins-zoom)), 100%) !important;
  max-width: 100% !important;
  margin: .5em auto 1em !important;
}
.origins-reading-layout .reading.mainContent .origins-columns figure img {
  object-fit: contain;
}
.origins-reference-anchor,
[id^="reference-"] {
  scroll-margin-top: 5.5rem;
}
.origins-picker, .origins-home-actions, .origins-original-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: center;
  gap: .65rem;
  padding: .65rem;
}
.origins-picker label {
  display: grid;
  gap: .2rem;
  color: var(--origins-ink);
  font-weight: 600;
  font-size: .9rem;
}
.origins-picker button, .origins-picker select,
.origins-home-actions a, .origins-original-actions a {
  min-height: 2.6rem;
  padding: .45rem .7rem;
  border: 1px solid var(--origins-nav-border);
  border-radius: .45rem;
  background: var(--origins-nav);
  color: var(--origins-toolbar-text) !important;
  font: 650 .92rem/1.3 "Noto Sans Display", Arial, sans-serif;
}
.origins-picker button { cursor: pointer; }
.origins-home-actions a, .origins-original-actions a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.origins-home-actions { margin: -1.35rem auto 1.3rem; }
.origins-original { max-width: 1250px; }
.origins-original .intro { margin-bottom: .6rem; }
.origins-original-image { margin: 1rem 0 1.5rem; text-align: center; }
.origins-original-image img {
  display: block;
  width: 100%;
  max-width: 1542px;
  height: auto;
  margin: 0 auto .6rem;
  border: 1px solid var(--origins-nav-border);
}