:root{--navy:#0b2944;--navy2:#113a5f;--ink:#17202a;--muted:#687482;--paper:#fbfaf6;--cream:#f4efe4;--gold:#c59a43;--line:#ddd7ca;--yellow:#ffe600;--red:#f21f2b;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,select,input{font:inherit}button,a{touch-action:manipulation}.topbar{height:76px;position:sticky;top:0;z-index:30;background:rgba(251,250,246,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1320px)/2))}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand img{width:52px;height:52px;object-fit:contain}.brand div{display:flex;flex-direction:column;line-height:1.03}.brand strong{font-family:Georgia,serif;font-size:20px}.brand span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#6d685e}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a,.nav-search{color:var(--navy);background:none;border:0;text-decoration:none;font-weight:650;cursor:pointer}.nav-search{border:1px solid #b9afa0;border-radius:999px;padding:9px 15px}.menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{background:linear-gradient(120deg,var(--navy),#173f62);color:#fff;padding:74px 24px 82px}.hero-inner{max-width:1120px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--gold);margin:0 0 14px}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:1.02;margin:0 0 22px;font-weight:500}.hero h1 em{color:#e3c784;font-weight:400}.hero p:not(.eyebrow){max-width:720px;color:#e5edf3;font-size:19px;line-height:1.55}.primary-btn{display:inline-block;margin-top:18px;background:#d2ad59;color:#102a40;text-decoration:none;font-weight:800;padding:13px 20px;border-radius:7px}.reader-wrap{max-width:1400px;margin:42px auto 70px;padding:0 22px}.reader-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;background:#f2eee5;border:1px solid var(--line);border-radius:12px 12px 0 0}.selector-row{display:flex;gap:12px;flex-wrap:wrap}.selector-row label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6f6b64}.selector-row select{min-width:150px;border:1px solid #c9c1b5;border-radius:7px;background:#fff;padding:9px 32px 9px 10px;color:#222}.toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.toolbar-actions>button,.small-btn{border:1px solid #c6beb2;background:#fff;color:var(--navy);border-radius:7px;padding:8px 11px;cursor:pointer}.legend{display:flex;gap:10px;color:#5f5b54;font-size:12px;font-weight:700}.legend span{display:flex;align-items:center;gap:5px}.note-chip{display:inline-block;width:13px;height:13px;border:2px solid white;box-shadow:0 0 0 1px #bbb;border-radius:1px}.note-chip.note{background:var(--yellow)}.note-chip.list{background:var(--red)}.sync-toggle{font-size:13px;color:#5d5a54;display:flex;gap:6px;align-items:center}.reader-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;background:#fff;min-height:680px}.bible-pane,.commentary-pane{min-width:0}.bible-pane{border-right:1px solid var(--line)}.pane-heading{position:sticky;top:76px;z-index:8;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #ebe6dc}.pane-kicker{display:block;color:#a17a2a;font-size:10px;font-weight:850;letter-spacing:.15em}.pane-heading h2{font-family:Georgia,serif;margin:3px 0 0;color:var(--navy);font-size:25px}.translation-badge{font-size:11px;font-weight:850;color:#87671f;background:#f6edcf;border-radius:999px;padding:7px 9px}.bible-text,.commentary-text{height:620px;overflow-y:auto;padding:18px 26px 48px;scroll-behavior:smooth}.verse{position:relative;display:flex;gap:8px;padding:8px 4px;border-radius:6px;font-family:Georgia,serif;font-size:18px;line-height:1.65;transition:background .18s}.verse:hover,.verse.active{background:#faf4e5}.verse-num{font-family:Inter,system-ui,sans-serif;color:#a37b2a;font-size:11px;font-weight:850;padding-top:5px;min-width:24px}.verse-copy{flex:1}.verse-markers{display:inline-flex;gap:4px;vertical-align:middle;margin-left:8px}.marker-btn{width:18px;height:18px;border:0;border-radius:3px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.18),inset 0 0 0 2px #fff;padding:0}.marker-btn.note{background:var(--yellow)}.marker-btn.list{background:var(--red)}.marker-btn .count{display:block;font:700 10px/18px Inter,sans-serif;color:#111;text-align:center}.marker-btn.list .count{color:white}.chapter-notes{padding:0 24px}.chapter-banner{margin:14px 0 0;padding:10px 12px;border:1px solid #e2d8c4;background:#fbf7ec;border-radius:8px;font-size:13px;color:#5c584f}.commentary-card{border:1px solid #e2ddd3;border-left:4px solid var(--yellow);border-radius:8px;padding:15px 16px;margin:0 0 14px;background:#fff;scroll-margin-top:90px}.commentary-card.list{border-left-color:var(--red)}.commentary-card.active{outline:3px solid rgba(197,154,67,.22);background:#fffdf8}.card-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.card-icon{width:18px;height:18px;flex:0 0 18px;border-radius:2px;box-shadow:inset 0 0 0 2px white,0 0 0 1px #b9b4aa}.card-icon.note{background:var(--yellow)}.card-icon.list{background:var(--red)}.card-ref{font-weight:850;color:var(--navy);font-size:13px}.card-title{font-family:Georgia,serif;font-style:italic;color:#544d43;font-size:16px;margin-top:2px}.commentary-card p{font-family:Georgia,serif;font-size:16px;line-height:1.55;margin:8px 0}.commentary-card ul{margin:8px 0 0;padding-left:22px}.commentary-card li{font-family:Georgia,serif;font-size:16px;line-height:1.5;margin:7px 0}.commentary-card a{color:#174c78;text-decoration-thickness:1px}.empty-note{color:var(--muted);font-style:italic;padding:22px 4px}.about{max-width:1120px;margin:0 auto 80px;padding:58px 28px;background:#f0ebe0;border-radius:12px;display:grid;grid-template-columns:.95fr 1.05fr;gap:50px}.about h2{font-family:Georgia,serif;color:var(--navy);font-size:34px;line-height:1.15;margin:0}.about>p{font-family:Georgia,serif;font-size:18px;line-height:1.7;margin:0}footer{background:#071e32;color:#d7e0e7;display:flex;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100vw - 1320px)/2));font-size:12px}footer>div:first-child{display:flex;flex-direction:column}footer strong{font-family:Georgia,serif;font-size:17px;color:#fff}.mobile-sheet{display:none}.search-modal{display:none;position:fixed;inset:0;z-index:60;background:rgba(3,19,33,.72);padding:7vh 20px}.search-modal.open{display:block}.search-card{max-width:780px;max-height:86vh;overflow:auto;margin:auto;background:#fff;border-radius:12px;padding:28px;position:relative}.search-card h2{font-family:Georgia,serif;color:var(--navy);margin-top:0}.close-search{position:absolute;right:16px;top:14px;border:0;background:none;font-size:20px}.search-card input{width:100%;border:1px solid #bfb8ae;border-radius:8px;padding:12px 14px;font-size:16px;margin-bottom:14px}.search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee7dd;background:#fff;padding:12px 4px;cursor:pointer}.search-result:hover{background:#fbf8f1}.search-result strong{color:var(--navy)}.search-result small{display:block;color:#736d64;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading,.error{padding:22px;color:#6d675e}.error{color:#8a3131}
@media(max-width:860px){.topbar{height:64px;padding:0 16px}.brand img{width:44px;height:44px}.brand strong{font-size:17px}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu-btn{display:block}.hero{padding:48px 20px 56px}.reader-wrap{margin-top:24px;padding:0 12px}.reader-toolbar{align-items:stretch;flex-direction:column}.selector-row{display:grid;grid-template-columns:1fr 1fr}.selector-row label:last-child{grid-column:1/-1}.selector-row select{min-width:0;width:100%}.toolbar-actions{justify-content:space-between}.legend{order:3;width:100%}.reader-grid{display:block}.bible-pane{border-right:0}.commentary-pane{display:none}.pane-heading{top:64px;padding:16px}.bible-text{height:auto;max-height:none;overflow:visible;padding:12px 14px 40px}.verse{font-size:18px}.verse-markers{margin-left:5px}.about{margin:0 12px 45px;padding:34px 22px;grid-template-columns:1fr;gap:20px}.about h2{font-size:29px}footer{flex-direction:column;padding:26px 20px}.mobile-sheet{display:block;visibility:hidden;position:fixed;inset:0;z-index:70}.mobile-sheet.open{visibility:visible}.sheet-backdrop{position:absolute;inset:0;background:rgba(5,19,30,.62)}.sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;background:#fff;border-radius:18px 18px 0 0;overflow:hidden;transform:translateY(105%);transition:transform .25s}.mobile-sheet.open .sheet-panel{transform:translateY(0)}.sheet-handle{width:48px;height:5px;border-radius:999px;background:#ccc;margin:9px auto}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 12px;border-bottom:1px solid #eee}.sheet-head h2{font-family:Georgia,serif;color:var(--navy);margin:2px 0}.sheet-head button{border:0;background:none;font-size:19px}.sheet-panel .commentary-text{height:auto;max-height:68vh;overflow:auto;padding:15px}.chapter-notes{padding:0 14px}}
@media(max-width:520px){.brand span{display:none}.hero h1{font-size:41px}.hero p:not(.eyebrow){font-size:17px}.selector-row{grid-template-columns:1fr}.selector-row label:last-child{grid-column:auto}.sync-toggle{display:none}.reader-toolbar{padding:12px}.toolbar-actions{gap:7px}.verse-copy{font-size:17px}.search-card{padding:24px 18px}}

/* v3 enhancements: sticky reader ribbon, continuous chapters, reference previews */
.reader-toolbar{position:sticky;top:76px;z-index:22;box-shadow:0 7px 18px rgba(8,31,50,.08)}
.pane-heading{position:static}
.bible-chapter-section{scroll-margin-top:165px}
.chapter-divider{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px;padding:10px 4px 8px;border-bottom:1px solid #e7dfd2;font-family:Georgia,serif;color:var(--navy);font-size:20px;font-weight:700}
.chapter-divider small{font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#9a7528;background:#f8efcf;border-radius:999px;padding:6px 8px}
.reference-popover{display:none;position:fixed;z-index:100;background:#fffefb;border:1px solid #d8cdbb;border-radius:10px;box-shadow:0 16px 44px rgba(5,22,36,.22);padding:15px 16px;max-height:330px;overflow:auto}
.reference-popover.open{display:block}
.reference-popover-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid #eee5d8;padding-bottom:8px;margin-bottom:8px}
.reference-popover-head strong{font-family:Georgia,serif;color:var(--navy);font-size:17px}
.reference-popover-head span{font-size:10px;color:#7b746a;text-align:right}
.reference-popover-text p{font-family:Georgia,serif;font-size:15px;line-height:1.48;margin:7px 0}
.reference-popover-text sup{font-family:Inter,system-ui,sans-serif;color:#a37b2a;font-size:9px;font-weight:850}
.reference-popover-open{display:inline-block;margin-top:8px;color:#174c78;font-size:12px;font-weight:700}
.loading-inline{color:#756e64;font-style:italic;font-size:13px}
.commentary-card a{cursor:pointer}
.commentary-card a:hover{background:#fff2b9;border-radius:2px;text-decoration:none}
@media(max-width:860px){
  .reader-toolbar{top:64px;z-index:25;padding:8px 10px;gap:7px;flex-direction:row;align-items:end}
  .selector-row{display:grid;grid-template-columns:1fr .75fr 1.45fr;gap:7px;flex:1}
  .selector-row label:last-child{grid-column:auto}
  .selector-row label{font-size:9px;gap:3px;min-width:0}
  .selector-row select{padding:7px 22px 7px 7px;font-size:12px;min-width:0;width:100%}
  .toolbar-actions{flex-wrap:nowrap;gap:5px}
  .toolbar-actions>button{padding:7px 9px}
  .legend{display:none}
  .pane-heading{position:static}
  .bible-chapter-section{scroll-margin-top:130px}
  .reference-popover{max-height:44vh;border-radius:12px;width:calc(100vw - 24px)!important;left:12px!important;top:auto!important}
}
@media(max-width:520px){
  .reader-toolbar{overflow:visible}
  .selector-row{grid-template-columns:1fr .55fr 1.35fr}
  .toolbar-actions{display:flex}
  .toolbar-actions #prevBtn,.toolbar-actions #nextBtn{min-width:36px}
}

/* v6 mobile fixes */
.card-ref.scripture-preview{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;
  font:inherit;font-weight:850;color:var(--navy);cursor:pointer;text-align:left;
  text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;
}
.card-ref.scripture-preview:hover,.card-ref.scripture-preview:focus{background:#fff2b9;border-radius:2px;outline:none}
@media(max-width:860px){
  .toolbar-actions #prevBtn,.toolbar-actions #nextBtn{
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
    padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    font-size:24px!important;line-height:1!important;font-family:Arial,sans-serif!important;
  }
  .card-ref.scripture-preview{min-height:28px;padding:3px 0;font-size:14px}
}

/* v8 navigation and two-way synchronized reading */
.toolbar-actions #prevBtn,.toolbar-actions #nextBtn{
  box-sizing:border-box;
  width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
  padding:0!important;display:inline-grid!important;place-items:center!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:400!important;line-height:1!important;
}
@media(max-width:860px){
  .toolbar-actions #prevBtn,.toolbar-actions #nextBtn{
    width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
    font-size:26px!important;line-height:46px!important;
  }
}

/* v9: exact chapter landing, continuous commentary, mobile selector visibility */
.commentary-divider{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px;padding:10px 4px 8px;border-bottom:1px solid #e7dfd2;font-family:Georgia,serif;color:var(--navy);font-size:20px;font-weight:700}
.commentary-divider small{font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#9a7528;background:#f8efcf;border-radius:999px;padding:6px 8px}
.commentary-chapter-section{scroll-margin-top:12px}
.toolbar-actions #prevBtn,.toolbar-actions #nextBtn{
  box-sizing:border-box!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
  padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:27px!important;font-weight:400!important;line-height:1!important;
}
@media(max-width:860px){
  #chapterSelect{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important;background-color:#fff!important;font-size:16px!important;font-weight:700!important;}
  #bookSelect,#translationSelect{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important;background-color:#fff!important;}
  .toolbar-actions #prevBtn,.toolbar-actions #nextBtn{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;font-size:27px!important;line-height:1!important;}
  .mobile-commentary-section{padding-bottom:10px}
}

/* v19: version 9 base — ONLY fix mobile chapter-number visibility */
@media(max-width:860px){
  #chapterSelect{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 28px 0 10px!important;
    border:1px solid #c9c1b5!important;
    border-radius:7px!important;
    background-color:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    opacity:1!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:38px!important;
    text-align:center!important;
    text-align-last:center!important;
    background-image:
      linear-gradient(45deg,transparent 50%,#555 50%),
      linear-gradient(135deg,#555 50%,transparent 50%)!important;
    background-position:
      calc(100% - 15px) 16px,
      calc(100% - 10px) 16px!important;
    background-size:5px 5px,5px 5px!important;
    background-repeat:no-repeat!important;
  }
}

/* v20: mobile-only sizing adjustment — larger Chapter box, smaller Translation box */
@media(max-width:860px){
  .selector-row{
    display:grid!important;
    grid-template-columns:1.05fr 1.35fr .8fr!important;
    gap:7px!important;
    align-items:end!important;
  }

  .selector-row label{
    min-width:0!important;
  }

  /* Book */
  .selector-row label:nth-child(1){
    grid-column:auto!important;
  }

  /* Chapter — give it more width */
  .selector-row label:nth-child(2){
    grid-column:auto!important;
  }
  #chapterSelect{
    width:100%!important;
    min-width:0!important;
    font-size:17px!important;
    font-weight:700!important;
  }

  /* Translation — make it narrower */
  .selector-row label:nth-child(3){
    grid-column:auto!important;
  }
  #translationSelect{
    width:100%!important;
    min-width:0!important;
    font-size:12px!important;
    padding-left:7px!important;
    padding-right:20px!important;
  }
}

/* v21: mobile-only fine tuning — slightly smaller Chapter box, slightly larger Translation box */
@media(max-width:860px){
  .selector-row{
    grid-template-columns:1.05fr 1.15fr 1fr!important;
  }

  #chapterSelect{
    font-size:16px!important;
  }

  #translationSelect{
    font-size:13px!important;
    padding-left:8px!important;
    padding-right:22px!important;
  }
}

/* v24: thinner top site banner to give Scripture/commentary more vertical room */
.topbar{
  height:50px!important;
  padding:0 14px!important;
}
.brand img{
  width:34px!important;
  height:34px!important;
}
.brand strong{
  font-size:15px!important;
}
.topbar nav{
  gap:16px!important;
  font-size:12px!important;
}
.reader-toolbar{
  top:50px!important;
}
@media(max-width:860px){
  .topbar{
    height:46px!important;
    padding:0 10px!important;
  }
  .brand img{
    width:31px!important;
    height:31px!important;
  }
  .brand strong{
    font-size:14px!important;
  }
  .topbar nav{
    top:46px!important;
  }
  .reader-toolbar{
    top:46px!important;
  }
}

/* v28: mobile-only — more compact top banner */
@media(max-width:860px){
  .topbar{
    height:48px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .brand{
    gap:7px!important;
  }
  .brand img{
    width:30px!important;
    height:30px!important;
  }
  .brand strong{
    font-size:14px!important;
  }
  .brand span{
    font-size:10px!important;
    letter-spacing:.08em!important;
  }
  .menu-btn{
    font-size:22px!important;
    padding:4px 6px!important;
  }
  .topbar nav{
    top:48px!important;
  }
  .reader-toolbar{
    top:48px!important;
  }
}

/* v29: mobile-only — Book, Chapter, Translation, Prev, Next all equal-size in one row */
@media(max-width:860px){
  .reader-toolbar{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:end!important;
  }

  .selector-row,
  .toolbar-actions{
    display:contents!important;
  }

  .selector-row label{
    min-width:0!important;
    width:auto!important;
    grid-column:auto!important;
    font-size:8px!important;
    gap:3px!important;
  }

  .selector-row label:last-child{
    grid-column:auto!important;
  }

  .legend,
  .sync-toggle{
    display:none!important;
  }

  #bookSelect,
  #chapterSelect,
  #translationSelect,
  #prevBtn,
  #nextBtn{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    border-radius:7px!important;
  }

  #bookSelect,
  #chapterSelect,
  #translationSelect{
    padding:0 18px 0 6px!important;
    font-size:11px!important;
    line-height:42px!important;
  }

  #chapterSelect{
    font-size:14px!important;
    font-weight:700!important;
    text-align:center!important;
    text-align-last:center!important;
  }

  #translationSelect{
    font-size:10px!important;
  }

  #prevBtn,
  #nextBtn{
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:24px!important;
    line-height:1!important;
  }
}

@media(max-width:520px){
  .reader-toolbar{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    padding:8px!important;
    gap:5px!important;
  }
  .selector-row{
    display:contents!important;
  }
  .toolbar-actions{
    display:contents!important;
  }
}

/* v31: exactly one equal-size chapter arrow per mobile button */
@media(max-width:860px){
  #prevBtn,#nextBtn{
    position:relative!important;
    font-size:0!important;
    line-height:1!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #prevBtn::before,
  #nextBtn::before{
    display:block!important;
    width:30px!important;
    height:30px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:30px!important;
    font-weight:400!important;
    line-height:30px!important;
    text-align:center!important;
  }

  #prevBtn::before{ content:"\2190"; }
  #nextBtn::before{ content:"\2192"; }
}

/* v32: mobile-only — identical left/right arrow icons using the same SVG */
@media(max-width:860px){
  #prevBtn,#nextBtn{
    position:relative!important;
    font-size:0!important;
    line-height:1!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #prevBtn::before,
  #nextBtn::before{
    content:""!important;
    display:block!important;
    width:30px!important;
    height:30px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:28px 28px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h14' stroke='%230f2b46' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='M13 5l7 7-7 7' fill='none' stroke='%230f2b46' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }

  #prevBtn::before{
    transform:scaleX(-1)!important;
  }
}

.net-attribution{
  margin-top:8px;
  max-width:760px;
  line-height:1.45;
}
.net-attribution a{
  color:inherit;
  text-decoration:underline;
}

:root{--reader-scale:1}
.verse{font-size:calc(18px * var(--reader-scale))!important}
.commentary-card p,.commentary-card li,.sheet-panel .commentary-card p,.sheet-panel .commentary-card li{font-size:calc(16px * var(--reader-scale))!important}
.pane-actions{display:flex;align-items:center;gap:8px}.bookmark-current{width:34px;height:34px;border:1px solid #d0c7b9;border-radius:8px;background:#fff;color:#a17a2a;font-size:22px;line-height:1;cursor:pointer}.app-modal-card{max-width:620px}.bookmarks-list{display:grid;gap:8px}.bookmark-row{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:stretch;border-bottom:1px solid #eee7dd;padding:5px 0}.bookmark-jump,.bookmark-delete{border:1px solid #d8d0c4;background:#fff;border-radius:8px;color:var(--navy);cursor:pointer}.bookmark-jump{text-align:left;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.bookmark-jump small{color:var(--muted)}.bookmark-delete{font-size:16px}.settings-group{display:grid;gap:10px;margin:18px 0}.settings-buttons{display:flex;align-items:center;gap:10px}.settings-buttons button{min-width:52px;height:44px;border:1px solid #c9c1b5;border-radius:8px;background:#fff;color:var(--navy);font-weight:800}.settings-buttons span{min-width:70px;text-align:center;font-weight:700}.settings-toggle{display:flex;align-items:center;gap:8px;font-weight:700;margin:16px 0}.settings-note{color:var(--muted);font-size:13px;line-height:1.5}.share-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0b2944;color:#fff;padding:10px 14px;border-radius:999px;z-index:140;opacity:0;pointer-events:none;transition:.18s}.share-toast.show{opacity:1;transform:translate(-50%,0)}
body.dark-mode{--ink:#edf3f7;--muted:#aab7c3;--paper:#0c1822;--cream:#172532;--line:#344553;--white:#16232f;background:#0c1822;color:#edf3f7}body.dark-mode .topbar,body.dark-mode .reader-toolbar,body.dark-mode .pane-heading,body.dark-mode .reader-grid,body.dark-mode .bible-pane,body.dark-mode .commentary-pane,body.dark-mode .commentary-card,body.dark-mode .search-card,body.dark-mode .sheet-panel,body.dark-mode select,body.dark-mode input,body.dark-mode .bookmark-current,body.dark-mode .bookmark-jump,body.dark-mode .bookmark-delete,body.dark-mode .settings-buttons button{background:#16232f!important;color:#edf3f7!important}body.dark-mode .commentary-card.active,body.dark-mode .verse:hover,body.dark-mode .verse.active{background:#21313f!important}body.dark-mode .about{background:#172532}body.dark-mode .brand,body.dark-mode .topbar nav a,body.dark-mode .nav-search,body.dark-mode .pane-heading h2,body.dark-mode .card-ref,body.dark-mode .bookmark-jump,body.dark-mode .settings-buttons button{color:#edf3f7!important}
@media(max-width:860px){.verse-copy{font-size:calc(17px * var(--reader-scale))!important}.bookmark-current{width:32px;height:32px;font-size:20px}}

/* App v2: keep the Dark mode checkbox compact and left-aligned in Reading Settings.
   This overrides the generic .search-card input { width:100% } rule. */
.settings-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
}
.settings-toggle input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 20px!important;
}

/* App v3: iPhone safe-area header + dark-mode mobile menu contrast */
@supports (padding-top: env(safe-area-inset-top)){
  body{
    padding-top:0!important;
  }

  .topbar{
    box-sizing:border-box!important;
    padding-top:env(safe-area-inset-top)!important;
    min-height:calc(50px + env(safe-area-inset-top))!important;
    height:auto!important;
  }

  .reader-toolbar{
    top:calc(50px + env(safe-area-inset-top))!important;
  }

  @media(max-width:860px){
    .topbar{
      min-height:calc(48px + env(safe-area-inset-top))!important;
      padding-top:env(safe-area-inset-top)!important;
      padding-left:8px!important;
      padding-right:8px!important;
    }

    .topbar nav{
      top:calc(48px + env(safe-area-inset-top))!important;
    }

    .reader-toolbar{
      top:calc(48px + env(safe-area-inset-top))!important;
    }
  }
}

/* Dark mode: make the hamburger and every open-menu item readable */
body.dark-mode .menu-btn{
  color:#edf3f7!important;
}

body.dark-mode .topbar nav{
  background:#16232f!important;
  border-color:#344553!important;
}

body.dark-mode .topbar nav a,
body.dark-mode .topbar nav .nav-search{
  color:#edf3f7!important;
}

body.dark-mode .topbar nav .nav-search{
  background:#16232f!important;
  border-color:#8293a2!important;
}

body.dark-mode .topbar nav a:hover,
body.dark-mode .topbar nav .nav-search:hover{
  background:#21313f!important;
}

@media(max-width:860px){
  body.dark-mode .topbar nav{
    background:#16232f!important;
  }

  body.dark-mode .menu-btn{
    color:#edf3f7!important;
    opacity:1!important;
  }
}

/* App v4: improve Scripture-reference contrast in Dark Mode */
body.dark-mode .commentary-card .card-ref,
body.dark-mode .commentary-card .scripture-preview,
body.dark-mode .commentary-card a{
  color:#9fd2ff!important;
  -webkit-text-fill-color:#9fd2ff!important;
  text-decoration-color:#9fd2ff!important;
}

body.dark-mode .commentary-card .card-ref:hover,
body.dark-mode .commentary-card .card-ref:focus,
body.dark-mode .commentary-card .scripture-preview:hover,
body.dark-mode .commentary-card .scripture-preview:focus,
body.dark-mode .commentary-card a:hover,
body.dark-mode .commentary-card a:focus{
  color:#d6ecff!important;
  -webkit-text-fill-color:#d6ecff!important;
  text-decoration-color:#d6ecff!important;
}

/* App v5: make Scripture reference preview readable in Dark Mode */
body.dark-mode .reference-popover,
body.dark-mode .reference-popover.open{
  background:#f8f4ea!important;
  color:#102a40!important;
  border-color:#c9bfae!important;
}

body.dark-mode .reference-popover-head{
  border-bottom-color:#ded5c6!important;
}

body.dark-mode .reference-popover-head strong,
body.dark-mode #referencePopoverRef{
  color:#102a40!important;
  -webkit-text-fill-color:#102a40!important;
}

body.dark-mode #referencePopoverText,
body.dark-mode #referencePopoverText p,
body.dark-mode .reference-popover p{
  color:#24384a!important;
  -webkit-text-fill-color:#24384a!important;
  opacity:1!important;
}

body.dark-mode #referencePopoverText sup{
  color:#9a7528!important;
  -webkit-text-fill-color:#9a7528!important;
}

body.dark-mode #referencePopoverTranslation{
  color:#6b6358!important;
  -webkit-text-fill-color:#6b6358!important;
}

body.dark-mode #referencePopoverOpen{
  color:#174c78!important;
  -webkit-text-fill-color:#174c78!important;
  text-decoration-color:#174c78!important;
}

body.dark-mode .reference-popover .loading-inline{
  color:#24384a!important;
}

/* App v6: make the current-location bookmark star unmistakably visible */
.pane-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

#bookmarkCurrentBtn,
.bookmark-current{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:2px solid #b78a27!important;
  border-radius:9px!important;
  background:#fff8df!important;
  color:#9a6e08!important;
  -webkit-text-fill-color:#9a6e08!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:27px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:12!important;
}

body.dark-mode #bookmarkCurrentBtn,
body.dark-mode .bookmark-current{
  background:#263746!important;
  border-color:#e0b64f!important;
  color:#ffd866!important;
  -webkit-text-fill-color:#ffd866!important;
}

@media(max-width:860px){
  #bookmarkCurrentBtn,
  .bookmark-current{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    font-size:29px!important;
  }

  .pane-heading .pane-actions{
    margin-left:auto!important;
  }
}

/* App v7: mobile bookmark star lives inside the Translation control so it is always visible */
.bookmark-mobile{display:none}

@media(max-width:860px){
  .translation-control{
    position:relative!important;
  }

  .translation-control #translationSelect{
    padding-left:32px!important;
  }

  #bookmarkMobileBtn,
  .bookmark-mobile{
    display:inline-flex!important;
    position:absolute!important;
    left:5px!important;
    bottom:7px!important;
    z-index:25!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
    color:#9a6e08!important;
    -webkit-text-fill-color:#9a6e08!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:23px!important;
    font-weight:700!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  body.dark-mode #bookmarkMobileBtn,
  body.dark-mode .bookmark-mobile{
    color:#ffd866!important;
    -webkit-text-fill-color:#ffd866!important;
  }

  /* The old pane-heading star remains for desktop but is unnecessary in the app's mobile layout. */
  .pane-heading #bookmarkCurrentBtn{
    display:none!important;
  }
}

/* lite v2 desktop fixes: remove duplicate first chapter banners and show desktop arrows */
.bible-text > .bible-chapter-section:first-child > .chapter-divider,
.commentary-text > .commentary-chapter-section:first-child > .commentary-divider{display:none!important;}

@media(min-width:861px){
  #prevBtn,#nextBtn{position:relative!important;font-size:0!important;}
  #prevBtn::before,#nextBtn::before{
    display:block!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:30px!important;
    font-weight:400!important;
    line-height:1!important;
    color:var(--navy)!important;
  }
  #prevBtn::before{content:"\2190"!important;}
  #nextBtn::before{content:"\2192"!important;}
}


/* lite v3 fixes: reader anchor spacing, stable desktop pane headings, dark reference hover */
#reader{scroll-margin-top:84px;}
@media(min-width:861px){
  .pane-heading{position:relative!important;top:auto!important;}
}
body.dark-mode .commentary-card a:hover,
body.dark-mode .commentary-card a:focus,
body.dark-mode .commentary-card .scripture-preview:hover,
body.dark-mode .commentary-card .scripture-preview:focus,
body.dark-mode .commentary-card .card-ref:hover,
body.dark-mode .commentary-card .card-ref:focus{
  background:#29465e!important;
  color:#e8f5ff!important;
  -webkit-text-fill-color:#e8f5ff!important;
  text-decoration-color:#e8f5ff!important;
  border-radius:3px;
  outline:none;
}

/* Lite v6: readable modal titles and close controls in dark mode. */
body.dark-mode .search-card h2,
body.dark-mode .search-card .close-search {
  color:#edf3f7;
  -webkit-text-fill-color:#edf3f7;
}
body.dark-mode .search-card .close-search:hover {
  background:#29465e;
}
body.dark-mode .search-card .close-search:focus-visible {
  outline:2px solid #9fd2ff;
  outline-offset:3px;
}

/* Lite v7: compact chrome, readable footer, stable reader headings. */
:root{--reader-header:64px;--reader-toolbar:90px}
.topbar{min-height:64px!important;height:auto!important;padding-top:0!important;padding-bottom:0!important}
.brand img{width:64px!important;height:64px!important;object-fit:contain!important}
.topbar nav{gap:10px!important}.nav-search{padding:7px 10px!important;font-size:14px}
.hero{padding:26px 24px 30px!important}.hero h1{font-size:clamp(30px,4vw,44px)!important;margin-bottom:12px}.hero .primary-btn{margin-top:4px}
.reader-toolbar{top:var(--reader-header)!important;padding:8px 12px!important}
.pane-heading{position:sticky!important;top:calc(var(--reader-header) + var(--reader-toolbar))!important;padding:10px 18px!important;z-index:20}
.pane-heading h2{font-size:22px}.reader-wrap{margin-top:22px}
footer{padding:12px 24px!important;font-size:14px!important;line-height:1.4;color:#e5edf5!important}
footer strong,footer span,footer div{color:#e5edf5!important}footer a{color:#b7ddff!important}
body.dark-mode footer{background:#07121c!important;color:#e5edf5!important}
body.dark-mode .search-result{background:#16232f;color:#edf3f7;border-color:#344553}
body.dark-mode .search-result strong,body.dark-mode .search-result small{color:#edf3f7}
body.dark-mode .search-result:hover{background:#29465e}
body.dark-mode .chapter-divider,body.dark-mode .commentary-divider,body.dark-mode .card-title{color:#e5edf5}
body.dark-mode #prevBtn::before,body.dark-mode #nextBtn::before{color:#edf3f7!important}
.search-result span{display:block;line-height:1.5;margin-top:6px}#scriptureSearchForm{margin-bottom:18px}
@media(max-width:1050px) and (min-width:861px){.brand div{display:none}}
@media(max-width:860px){
 .topbar{min-height:60px!important}.brand img{width:60px!important;height:60px!important}
 .topbar nav{top:100%!important}.pane-heading{top:calc(var(--reader-header) + var(--reader-toolbar))!important}
}

/* Reader v8: use space for reading and keep controls legible. */
.reader-wrap{margin-bottom:0!important}
.about{margin:0 auto!important;padding:16px 24px!important;gap:24px!important;max-width:1400px;border-radius:0!important}
.about h2{font-size:24px!important}.about>p{font-size:16px!important;line-height:1.5!important}
body.dark-mode .about h2{color:#edf3f7!important;-webkit-text-fill-color:#edf3f7!important}
body.dark-mode .selector-row label,body.dark-mode .legend,body.dark-mode .sync-toggle{color:#c9d8e4!important}
body.dark-mode #prevBtn,body.dark-mode #nextBtn,body.dark-mode .small-btn{background:#263746!important;border-color:#8297a8!important;color:#edf3f7!important}
body.dark-mode #prevBtn::before,body.dark-mode #nextBtn::before{color:#edf3f7!important;-webkit-text-fill-color:#edf3f7!important}
.verse-bookmark{align-self:flex-start;flex:0 0 30px;width:30px;min-height:36px;padding:0;border:0;background:transparent;color:#856009;font:26px/1 Arial;cursor:pointer}
body.dark-mode .verse-bookmark{color:#ffd866}.verse-bookmark:focus-visible{outline:2px solid currentColor}
.next-commentary{margin-bottom:16px}
@media(min-width:861px){
 .reader-grid{min-height:0!important}
 .bible-text,.commentary-pane>.commentary-text{height:calc(100dvh - var(--reader-header) - var(--reader-toolbar) - 100px)!important;min-height:280px;overscroll-behavior:contain}
}

/* v9: reading occupies three quarters of the viewport; supporting text opens on demand. */
.reader-wrap{max-width:none!important;margin:0!important;padding:0 8px!important}
.reader-toolbar{border-radius:0!important;padding:4px 10px!important;gap:8px!important}
.reader-grid{height:75vh;height:75dvh;min-height:0!important}
.bible-pane,.commentary-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.reader-grid .pane-heading{position:relative!important;top:auto!important;flex-shrink:0;padding:6px 14px!important}
.reader-grid .bible-text,.reader-grid .commentary-text{flex:1;min-height:0!important;height:auto!important;overflow-y:auto!important;scroll-behavior:auto;overflow-anchor:none;padding-bottom:20px}
.chapter-notes{flex-shrink:0;max-height:12vh;overflow:auto}.chapter-banner{margin:4px 0!important;padding:4px 8px!important}
footer{padding:5px 14px!important;align-items:center;gap:8px!important;font-size:12px!important}footer strong{font-size:14px}footer details{max-width:850px}footer summary{cursor:pointer}
.commentary-bookmark{margin-left:auto;flex:0 0 36px;min-height:36px;border:0;background:transparent;color:#856009;font:28px/1 Arial;cursor:pointer}
body.dark-mode .commentary-bookmark{color:#ffd866}.commentary-bookmark:focus-visible{outline:2px solid currentColor}
.search-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.search-pages button:disabled{opacity:.45;cursor:default}
.about-card p{line-height:1.6}.about-card h2{padding-right:20px}
@media(max-width:860px){.reader-grid{display:flex}.bible-pane{width:100%}.commentary-pane{display:none}footer{flex-direction:row;flex-wrap:wrap}.translation-control #translationSelect{padding-left:7px!important}}

/* v9.1: explicit mobile dark-mode contrast, including the SVG arrow strokes. */
body.dark-mode #prevBtn::before,
body.dark-mode #nextBtn::before{
  background-image:none!important;
  color:#edf3f7!important;
  -webkit-text-fill-color:#edf3f7!important;
  transform:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:30px!important;
  line-height:30px!important;
}
body.dark-mode #prevBtn::before{content:"\2190"!important}
body.dark-mode #nextBtn::before{content:"\2192"!important}
body.dark-mode #mobileSheet .sheet-head h2,
body.dark-mode #mobileSheet #sheetTitle{
  color:#edf3f7!important;
  -webkit-text-fill-color:#edf3f7!important;
}
#mobileSheet .sheet-head button[data-close-sheet]{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 44px;min-width:44px;min-height:44px;padding:0;
  color:#0b2944;background:#eef3f7;border:1px solid #8297a8;border-radius:8px;
  font:26px/1 Arial,Helvetica,sans-serif;opacity:1;
}
body.dark-mode #mobileSheet .sheet-head button[data-close-sheet]{
  color:#edf3f7!important;-webkit-text-fill-color:#edf3f7!important;
  background:#263746!important;border-color:#8297a8!important;
}
#mobileSheet .sheet-head button[data-close-sheet]:focus-visible{outline:2px solid #9fd2ff;outline-offset:2px}

/* v9.3: identical vector arrows, mirrored for the previous chapter. */
#prevBtn,#nextBtn{position:relative!important;font-size:0!important;}
#prevBtn::before,#nextBtn::before,
body.dark-mode #prevBtn::before,body.dark-mode #nextBtn::before{
 content:""!important;position:absolute!important;inset:0!important;margin:auto!important;
 display:block!important;width:30px!important;height:30px!important;
 background-image:none!important;background-color:currentColor!important;
 color:var(--navy)!important;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h17M14 5l7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h17M14 5l7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 transform:none!important;
}
body.dark-mode #prevBtn::before,body.dark-mode #nextBtn::before{color:#edf3f7!important;}
#prevBtn::before,body.dark-mode #prevBtn::before{transform:scaleX(-1)!important;}

/* Reader v11: full title, accessible audio and resource controls. */
.topbar .brand{min-width:0;max-width:100%;}
.topbar .brand>div{min-width:0;}
.topbar .brand strong{display:block;white-space:normal;line-height:1.12;max-width:330px;}
.feature-button,#audioPlayer button,#resourceDialog button{font:600 14px/1.2 system-ui,sans-serif;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid #8297a8;border-radius:8px;background:#edf3f7;color:#0b2944;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.feature-button:focus-visible,#audioPlayer button:focus-visible{outline:3px solid #bd8b23;outline-offset:2px;}
.note-tools{display:flex;gap:8px;margin:0 0 8px;}
.pane-actions{display:flex;gap:8px;align-items:center;}
#audioPlayer[hidden]{display:none!important;}
#audioPlayer{position:fixed;z-index:150;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;background:#edf3f7;color:#0b2944;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 -2px 8px #0004;font:14px system-ui;}
#audioStatus{flex:1;}
#resourceDialog{box-sizing:border-box;max-width:620px;width:calc(100% - 28px);max-height:85dvh;overflow:auto;padding:24px;border:1px solid #8297a8;border-radius:12px;background:#fff;color:#0b2944;}
#resourceDialog::backdrop{background:#031321b8;}
#resourceDialog h2{color:inherit;padding-right:48px;}
#resourceDialog .dialog-close{position:absolute;right:12px;top:12px;}
#resourceDialog label{display:block;margin:12px 0;}
#resourceDialog input,#audioVoice,#audioRate{box-sizing:border-box;width:100%;font:16px system-ui;padding:10px;border:1px solid #8297a8;border-radius:6px;background:#fff;color:#0b2944;}
.resource-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #8297a8;padding:10px 0;}
.resource-row a{flex:1;overflow-wrap:anywhere;color:#174c78;}
#resourceDialog summary{cursor:pointer;min-height:44px;line-height:44px;}
body.dark-mode .feature-button,body.dark-mode #audioPlayer,body.dark-mode #audioPlayer button,body.dark-mode #resourceDialog,body.dark-mode #resourceDialog button{background:#263746;color:#edf3f7;-webkit-text-fill-color:#edf3f7;}
body.dark-mode .resource-row a{color:#a7d6ff;}
@media(max-width:600px){.topbar .brand strong{font-size:19px!important;max-width:220px;}.topbar .brand{flex:1;}.topbar .brand img{flex-shrink:0;}.pane-actions{gap:4px;}.note-tools{margin-top:6px;}}
@media(max-width:380px){.topbar .brand strong{font-size:17px!important;}.topbar .brand img{width:66px!important;height:auto!important;}}

.chapter-resource-button[hidden]{display:none!important;}
#passageTitle{display:inline;vertical-align:middle;}
.chapter-resource-button{margin-left:8px;vertical-align:middle;}
#resourcePreview{box-sizing:border-box;width:calc(100% - 24px);max-width:1100px;height:85dvh;max-height:90dvh;padding:14px;border:1px solid #8297a8;border-radius:12px;background:#fff;color:#0b2944;}
#resourcePreview::backdrop{background:#031321c9;}
.resource-preview-head{display:flex;align-items:center;gap:12px;}
.resource-preview-head h2{flex:1;margin:0;font-size:20px;color:inherit;}
#resourcePreview p{font:14px/1.4 system-ui;margin:10px 0;}
#resourcePreviewBody{height:calc(100% - 105px);min-height:180px;}
#resourcePreview iframe{border:0;width:100%;height:100%;background:white;}
body.dark-mode #resourcePreview{background:#172633;color:#edf3f7;}
body.dark-mode #resourcePreview a{color:#a7d6ff;}

/* v11.1: matching dark-blue banners in both reading themes. */
body .topbar,body.dark-mode .topbar,body footer,body.dark-mode footer{background:#071e32!important;color:#edf3f7!important;}
body .topbar .brand strong,body .topbar .brand span,body .topbar a,body .topbar button{color:#edf3f7!important;-webkit-text-fill-color:#edf3f7!important;}
body .topbar nav,body.dark-mode .topbar nav{background:#071e32!important;}
body .topbar .nav-search,body .topbar .menu-btn{background:transparent!important;}

/* Corrected document outlines retain nesting at narrow widths. */
.commentary-card ul ul {margin-block: .3em; padding-inline-start: 1.25em;}
.commentary-card h3, .commentary-card h4 {color: inherit;}

.psalm-superscription {font-style:italic;line-height:1.5;margin:0.75rem 1rem 1rem;color:inherit;}

.resource-book-heading{display:flex;align-items:center;gap:.4rem;margin:.25rem 0;color:inherit}.verse>.chapter-resource-button{flex:0 0 26px;align-self:flex-start;padding:2px;min-width:26px}