/* KBIBLE Bible mobile refinement v16 — 2026-08-15
   Goals:
   - chapter-wide listening is always visible on mobile
   - KJV / WEB / both and Korean/English voice settings are explicit
   - reader background/highlight controls are readable, not clipped pills
   - no horizontal overflow at 320–760px
*/

body.kb-bible-v5 #learning-tools.listen-deck {
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.kb-bible-v5 .listen-setting-label {
  color:var(--skin-muted,#7d8794);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:-.01em;
}
body.kb-bible-v5 .listen-voice-head {
  min-width:0;
  display:grid;
  gap:2px;
}
body.kb-bible-v5 .listen-voice-head strong {
  color:var(--skin-text,#f2eee6);
  font-size:.72rem;
  font-weight:900;
}
body.kb-bible-v5 .listen-voice-controls {
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
}
body.kb-bible-v5 .listen-voice-select {
  width:100%;
  min-width:0;
  height:40px;
  padding:0 34px 0 11px;
  border:1px solid rgba(var(--skin-accent-rgb,215,184,102),.24);
  border-radius:10px;
  background:rgba(8,12,17,.72);
  color:var(--skin-text,#f5f1e7);
  font-size:.74rem;
  font-weight:800;
  outline:none;
}
body.kb-bible-v5 .voice-preview-btn {
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(var(--skin-accent-rgb,215,184,102),.30);
  border-radius:10px;
  background:rgba(var(--skin-accent-rgb,215,184,102),.10);
  color:var(--skin-accent,#d7b866);
  font-size:.68rem;
  font-weight:900;
  white-space:nowrap;
}
body.kb-bible-v5 .listen-rate {
  grid-template-columns:auto minmax(100px,1fr) auto;
  align-items:center;
  gap:8px;
}
body.kb-bible-v5 .listen-rate output {
  min-width:40px;
  color:var(--skin-text,#f2eee6);
  font-size:.68rem;
  font-weight:900;
  text-align:right;
}

@media (max-width:760px) {
  body.kb-bible-v5 {
    --kb-reader-mobile-gap:9px;
  }

  /* Current chapter toolbar: navigation first, display settings second. */
  body.kb-bible-v5 .reader-toolbar {
    position:relative !important;
    top:auto !important;
    z-index:12 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:16px !important;
    overflow:visible !important;
  }
  body.kb-bible-v5 .reader-toolbar-main {
    display:flex !important;
    align-items:center !important;
    min-height:32px !important;
    padding:0 2px !important;
  }
  body.kb-bible-v5 .reader-toolbar-label {
    display:none !important;
  }
  body.kb-bible-v5 .reader-toolbar #selRef {
    color:var(--skin-text,#26211b) !important;
    font-size:1.05rem !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    letter-spacing:-.035em !important;
  }
  body.kb-bible-v5 .reader-toolbar-controls {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
  }
  body.kb-bible-v5 .reader-toolbar-controls > * {
    min-width:0 !important;
    margin:0 !important;
  }
  body.kb-bible-v5 .reader-control.chapter-move,
  body.kb-bible-v5 #readerFontDown,
  body.kb-bible-v5 #readerFontUp {
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 8px !important;
    border-radius:12px !important;
    font-size:1rem !important;
  }
  body.kb-bible-v5 .reader-theme-select {
    grid-column:span 2 !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    min-height:52px !important;
    padding:5px 6px 5px 11px !important;
    border-radius:13px !important;
  }
  body.kb-bible-v5 .reader-theme-select > span {
    display:block !important;
    min-width:30px !important;
    color:inherit !important;
    opacity:.68 !important;
    font-size:.68rem !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }
  body.kb-bible-v5 .reader-theme-select select {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:40px !important;
    padding:0 30px 0 10px !important;
    border:0 !important;
    border-radius:9px !important;
    font-size:16px !important;
    font-weight:850 !important;
    text-overflow:clip !important;
  }
  body.kb-bible-v5 #readerFocusToggle,
  body.kb-bible-v5 .reader-nav-trigger {
    display:none !important;
  }

  /* Chapter listening card must never disappear behind older responsive rules. */
  html body.kb-bible-v5 section#learning-tools.listen-deck {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:14px !important;
    border-radius:17px !important;
    overflow:visible !important;
    order:0 !important;
  }
  body.kb-bible-v5 #learning-tools.listen-deck > * {
    grid-column:1 !important;
    min-width:0 !important;
  }
  body.kb-bible-v5 .listen-deck-title { order:1 !important; }
  body.kb-bible-v5 .listen-actions-main { order:2 !important; }
  body.kb-bible-v5 .listen-mode-stack { order:3 !important; }
  body.kb-bible-v5 .listen-voice-card[data-voice-lang="en"] { order:4 !important; }
  body.kb-bible-v5 .listen-voice-card[data-voice-lang="ko"] { order:5 !important; }
  body.kb-bible-v5 .listen-rate { order:6 !important; }
  body.kb-bible-v5 .listen-status { order:7 !important; }
  body.kb-bible-v5 .listen-access-note { order:8 !important; }

  body.kb-bible-v5 .listen-deck-title span {
    font-size:.62rem !important;
    letter-spacing:.11em !important;
  }
  body.kb-bible-v5 .listen-deck-title strong {
    margin-top:2px !important;
    font-size:1.12rem !important;
    line-height:1.2 !important;
  }
  body.kb-bible-v5 .listen-deck-title small {
    margin-top:5px !important;
    font-size:.72rem !important;
    line-height:1.55 !important;
  }

  body.kb-bible-v5 .listen-actions-main {
    display:grid !important;
    grid-template-columns:minmax(0,1.7fr) minmax(88px,.7fr) !important;
    gap:8px !important;
    width:100% !important;
  }
  body.kb-bible-v5 .listen-actions-main button {
    width:100% !important;
    min-height:48px !important;
    height:auto !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:.86rem !important;
    font-weight:900 !important;
  }

  body.kb-bible-v5 .listen-mode-stack {
    display:grid !important;
    gap:8px !important;
    min-width:0 !important;
  }
  body.kb-bible-v5 .listen-modes {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.kb-bible-v5 .listen-modes .tool-mode {
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:0 5px !important;
    border-radius:11px !important;
    font-size:.73rem !important;
    white-space:nowrap !important;
  }
  body.kb-bible-v5 .listen-en-source {
    display:grid !important;
    grid-template-columns:auto repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    align-items:center !important;
    padding-top:1px !important;
  }
  body.kb-bible-v5 .listen-en-source > span {
    width:auto !important;
    margin:0 2px 0 0 !important;
    color:var(--skin-muted,#7d8794) !important;
    font-size:.68rem !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }
  body.kb-bible-v5 .en-source-btn {
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:0 5px !important;
    border-radius:11px !important;
    font-size:.76rem !important;
    white-space:nowrap !important;
  }

  body.kb-bible-v5 .listen-voice-card {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:11px !important;
    border-radius:13px !important;
  }
  body.kb-bible-v5 .listen-voice-head {
    display:flex !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:10px !important;
  }
  body.kb-bible-v5 .listen-voice-head strong {
    flex:0 0 auto !important;
    font-size:.76rem !important;
  }
  body.kb-bible-v5 .listen-voice-card .tts-voice-status {
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    text-align:right !important;
    font-size:.68rem !important;
  }
  body.kb-bible-v5 .listen-voice-select,
  body.kb-bible-v5 .voice-preview-btn {
    min-height:44px !important;
    height:44px !important;
    font-size:16px !important;
  }

  body.kb-bible-v5 .listen-rate {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
    padding:4px 2px !important;
  }
  body.kb-bible-v5 .listen-rate > span,
  body.kb-bible-v5 .listen-rate output {
    font-size:.72rem !important;
    font-weight:900 !important;
  }
  body.kb-bible-v5 .listen-status {
    min-height:38px !important;
    padding:9px 10px !important;
    border-radius:10px !important;
    font-size:.69rem !important;
    line-height:1.5 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  /* Keep page geometry airy enough for the fixed bottom dock. */
  body.kb-bible-v5 .bible-main {
    display:grid !important;
    gap:10px !important;
  }
  body.kb-bible-v5 .reader-body {
    margin-top:0 !important;
  }
}

/* Light Bible mode: stronger contrast around ivory/yellow controls. */
html[data-bible-color-mode="light"] body.kb-bible-v5 .reader-toolbar,
html[data-bible-color-mode="light"] body.kb-bible-v5 #learning-tools.listen-deck {
  background:rgba(255,253,248,.97) !important;
  border-color:rgba(87,67,36,.17) !important;
  color:#2c261e !important;
  box-shadow:0 12px 30px rgba(59,44,22,.08),inset 0 1px 0 #fff !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-deck-title strong,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-voice-head strong,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-rate output {
  color:#2b251d !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-deck-title small,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-setting-label,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-en-source > span,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-voice-card .tts-voice-status {
  color:#6d6253 !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .reader-theme-select {
  background:#f7f2e8 !important;
  border-color:rgba(93,72,40,.16) !important;
  color:#554938 !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .reader-theme-select select,
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-voice-select {
  background:#fffdf8 !important;
  color:#2b251d !important;
  border-color:rgba(93,72,40,.16) !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-voice-card {
  background:#faf6ed !important;
  border-color:rgba(93,72,40,.14) !important;
}
html[data-bible-color-mode="light"] body.kb-bible-v5 .listen-status {
  background:#f7f2e8 !important;
  color:#5f5548 !important;
}

@media (max-width:430px) {
  body.kb-bible-v5 .reader-toolbar {
    padding:10px !important;
    gap:8px !important;
  }
  body.kb-bible-v5 .reader-toolbar-controls {
    gap:6px !important;
  }
  body.kb-bible-v5 .reader-control.chapter-move,
  body.kb-bible-v5 #readerFontDown,
  body.kb-bible-v5 #readerFontUp {
    min-height:44px !important;
    height:44px !important;
  }
  body.kb-bible-v5 .reader-theme-select {
    min-height:50px !important;
    padding-left:9px !important;
    gap:6px !important;
  }
  body.kb-bible-v5 .reader-theme-select select {
    font-size:16px !important;
  }
  html body.kb-bible-v5 section#learning-tools.listen-deck {
    padding:12px !important;
    gap:9px !important;
  }
  body.kb-bible-v5 .listen-modes .tool-mode,
  body.kb-bible-v5 .en-source-btn {
    font-size:.69rem !important;
  }
  body.kb-bible-v5 .listen-en-source {
    grid-template-columns:1fr 1fr 1fr !important;
  }
  body.kb-bible-v5 .listen-en-source > span {
    grid-column:1/-1 !important;
  }
  body.kb-bible-v5 .listen-voice-controls {
    grid-template-columns:minmax(0,1fr) 92px !important;
  }
}

@media (max-width:360px) {
  body.kb-bible-v5 .listen-modes {
    grid-template-columns:1fr 1fr !important;
  }
  body.kb-bible-v5 .listen-actions-main {
    grid-template-columns:minmax(0,1fr) 76px !important;
  }
  body.kb-bible-v5 .listen-voice-head {
    display:grid !important;
    gap:3px !important;
  }
  body.kb-bible-v5 .listen-voice-card .tts-voice-status {
    text-align:left !important;
  }
}

/* V16.1 — make paper/highlight settings read as two deliberate setting cards. */
@media (max-width:760px) {
  body.kb-bible-v5 .reader-theme-select {
    grid-template-columns:1fr !important;
    grid-template-rows:auto 40px !important;
    align-items:stretch !important;
    gap:5px !important;
    min-height:70px !important;
    padding:8px !important;
  }
  body.kb-bible-v5 .reader-theme-select > span {
    min-width:0 !important;
    padding:0 2px !important;
    opacity:.82 !important;
    font-size:.68rem !important;
    line-height:1.15 !important;
  }
  body.kb-bible-v5 .reader-theme-select select {
    height:40px !important;
    padding-left:11px !important;
    border:1px solid rgba(var(--skin-accent-rgb,215,184,102),.14) !important;
  }
}
@media (max-width:430px) {
  body.kb-bible-v5 .reader-theme-select {
    min-height:68px !important;
    padding:7px !important;
  }
}

/* V16.2 / V6 — chapter listening belongs at the top of the Bible page.
   Keep a single listening deck directly below the common site header so mobile
   users do not need to scroll past navigation/reader controls before listening. */
body.kb-bible-v5 .kb-top-listen-zone {
  position:relative;
  z-index:20;
  width:100%;
  max-width:1520px;
  margin:0 auto;
  padding:12px 16px 2px;
  box-sizing:border-box;
}
body.kb-bible-v5 .kb-top-listen-zone > #learning-tools.listen-deck {
  width:100% !important;
  margin:0 !important;
}
@media (max-width:760px) {
  body.kb-bible-v5 .kb-top-listen-zone {
    max-width:none;
    padding:10px 14px 0;
  }
  /* The listening deck is now the first content card after the header. */
  html body.kb-bible-v5 .kb-top-listen-zone > section#learning-tools.listen-deck {
    margin:0 !important;
  }
  body.kb-bible-v5 .kb-page-mode-tools {
    margin-top:8px !important;
  }
}
@media (max-width:430px) {
  body.kb-bible-v5 .kb-top-listen-zone {
    padding:8px 10px 0;
  }
}

/* V18 / V7 — current chapter controls become the first content card.
   Mobile layout is deliberately two clear rows: chapter movement, then display settings. */
body.kb-bible-v5 .kb-top-reader-zone {
  position:relative;
  z-index:24;
  width:100%;
  max-width:1520px;
  margin:0 auto;
  padding:12px 16px 0;
  box-sizing:border-box;
}
body.kb-bible-v5 .kb-top-reader-zone > .reader-toolbar {
  width:100%;
  margin:0;
}
body.kb-bible-v5 .reader-move-text { display:none; }
body.kb-bible-v5 .reader-move-arrow { line-height:1; }

@media (max-width:760px) {
  body.kb-bible-v5 .kb-top-reader-zone {
    max-width:none;
    padding:10px 14px 0;
  }
  body.kb-bible-v5 .kb-top-reader-zone > .reader-toolbar {
    position:relative !important;
    top:auto !important;
    z-index:24 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    min-height:0 !important;
    padding:12px !important;
    border-radius:17px !important;
    overflow:visible !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-main {
    display:block !important;
    min-height:0 !important;
    padding:1px 2px 2px !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-main > div {
    width:100% !important;
    min-width:0 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-label {
    display:block !important;
    margin:0 0 4px !important;
    font-size:.68rem !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    display:block !important;
    width:100% !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    font-size:1.18rem !important;
    line-height:1.28 !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto auto !important;
    gap:8px !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls > .reader-nav-trigger,
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls > #readerFontDown,
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls > #readerFontUp,
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls > #readerFocusToggle {
    display:none !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone #readerPrevChapter {
    grid-column:1 !important;
    grid-row:1 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone #readerNextChapter {
    grid-column:2 !important;
    grid-row:1 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-paper-select {
    grid-column:1 !important;
    grid-row:2 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-highlight-select {
    grid-column:2 !important;
    grid-row:2 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-control.chapter-move {
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 10px !important;
    border-radius:13px !important;
    font-size:.82rem !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-move-text {
    display:inline !important;
    font-size:.78rem !important;
    font-weight:900 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-move-arrow {
    font-size:1.2rem !important;
    font-weight:700 !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select {
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto 42px !important;
    align-items:stretch !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:76px !important;
    padding:9px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select > span {
    display:block !important;
    min-width:0 !important;
    padding:0 2px !important;
    opacity:1 !important;
    font-size:.69rem !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    white-space:normal !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select select {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:42px !important;
    padding:0 32px 0 11px !important;
    border:1px solid rgba(93,72,40,.16) !important;
    border-radius:10px !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-overflow:ellipsis !important;
    box-sizing:border-box !important;
  }

  /* The listening deck follows the chapter control card, never precedes it. */
  body.kb-bible-v5 .kb-top-listen-zone {
    padding-top:9px !important;
  }

  /* Hard contrast fixes: do not inherit pale skin text into light cards. */
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-label {
    color:#766b5c !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    color:#241f19 !important;
    text-shadow:none !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select > span {
    color:#5d5244 !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-control.chapter-move {
    background:#fffdf8 !important;
    color:#2a241d !important;
    border-color:rgba(93,72,40,.18) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select {
    background:#f7f2e8 !important;
    color:#42392d !important;
    border-color:rgba(93,72,40,.17) !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select select {
    background:#fffdf8 !important;
    color:#241f19 !important;
    border-color:rgba(93,72,40,.17) !important;
  }

  html[data-bible-color-mode="dark"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-label {
    color:#a9b0b9 !important;
  }
  html[data-bible-color-mode="dark"] body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    color:#f4efe6 !important;
  }
}

@media (max-width:430px) {
  body.kb-bible-v5 .kb-top-reader-zone { padding:8px 10px 0; }
  body.kb-bible-v5 .kb-top-reader-zone > .reader-toolbar {
    padding:10px !important;
    gap:8px !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar-controls { gap:7px !important; }
  body.kb-bible-v5 .kb-top-reader-zone .reader-control.chapter-move {
    min-height:46px !important;
    height:46px !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select {
    min-height:72px !important;
    padding:8px !important;
  }
  body.kb-bible-v5 .kb-top-reader-zone .reader-toolbar #selRef {
    font-size:1.1rem !important;
  }
}

@media (max-width:360px) {
  body.kb-bible-v5 .kb-top-reader-zone .reader-move-text { font-size:.72rem !important; }
  body.kb-bible-v5 .kb-top-reader-zone .reader-theme-select > span { font-size:.65rem !important; }
}

/* ========================================================================== 
   KBIBLE V12 — mobile Bible mode + scripture paper/highlight truth source
   - Dark mobile canvas: Emerald Castle palette
   - Light mobile canvas: true white
   - Scripture paper selector controls the actual scripture surface
   - Highlight selector controls selected/reading sentence tracking
   ========================================================================== */
@media (max-width:760px) {
  /* Page canvas is mode-owned on mobile; random sacred skins must not override it. */
  html[data-bible-color-mode="light"] body.kb-bible-v5 {
    --bg:#ffffff !important;
    --bg2:#ffffff !important;
    color:#26231e !important;
    background:#ffffff !important;
    background-image:none !important;
    background-attachment:scroll !important;
  }
  html[data-bible-color-mode="light"] body.kb-bible-v5::before,
  html[data-bible-color-mode="light"] body.kb-bible-v5[data-page-skin]::before {
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
  }

  html[data-bible-color-mode="dark"] body.kb-bible-v5 {
    --bg:#041713 !important;
    --bg2:#08251f !important;
    --card:#0a241f !important;
    --elev:#0d3028 !important;
    --text:#f4f7f2 !important;
    --muted:#a8bcb5 !important;
    --border:rgba(157,211,190,.17) !important;
    --skin-bg:#041713 !important;
    --skin-panel:#0a241f !important;
    --skin-panel-2:#0d3028 !important;
    --skin-text:#f4f7f2 !important;
    --skin-muted:#a8bcb5 !important;
    --skin-accent:#d9bd6a !important;
    --skin-accent-rgb:217,189,106 !important;
    color:#f4f7f2 !important;
    background:
      radial-gradient(circle at 50% 8%, rgba(45,171,127,.20), transparent 23rem),
      radial-gradient(circle at 12% 30%, rgba(30,112,88,.18), transparent 21rem),
      radial-gradient(circle at 88% 46%, rgba(217,189,106,.08), transparent 18rem),
      linear-gradient(180deg,#03120f 0%,#061d18 38%,#082820 72%,#041713 100%) !important;
    background-attachment:fixed !important;
  }
  html[data-bible-color-mode="dark"] body.kb-bible-v5::before,
  html[data-bible-color-mode="dark"] body.kb-bible-v5[data-page-skin]::before {
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-2 !important;
    pointer-events:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    filter:none !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 16%,transparent 82%,rgba(0,0,0,.16)),
      radial-gradient(ellipse at 50% 14%,rgba(74,196,148,.15),transparent 36%),
      linear-gradient(90deg,transparent 7%,rgba(217,189,106,.035) 7.3%,transparent 7.7%,transparent 92.3%,rgba(217,189,106,.035) 92.7%,transparent 93%),
      linear-gradient(180deg,#03120f 0%,#061d18 52%,#082820 100%) !important;
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 16%,transparent 82%,rgba(0,0,0,.16)),
      radial-gradient(ellipse at 50% 14%,rgba(74,196,148,.15),transparent 36%),
      linear-gradient(90deg,transparent 7%,rgba(217,189,106,.035) 7.3%,transparent 7.7%,transparent 92.3%,rgba(217,189,106,.035) 92.7%,transparent 93%),
      linear-gradient(180deg,#03120f 0%,#061d18 52%,#082820 100%) !important;
    background-size:auto !important;
    background-position:center !important;
  }

  /* Dark mode panels follow the emerald canvas without changing scripture paper. */
  html[data-bible-color-mode="dark"] body.kb-bible-v5 .reader-toolbar,
  html[data-bible-color-mode="dark"] body.kb-bible-v5 #learning-tools.listen-deck,
  html[data-bible-color-mode="dark"] body.kb-bible-v5 .bible-aside.bible-jump-rail .rail-inner {
    background:linear-gradient(180deg,rgba(10,39,32,.97),rgba(5,25,21,.97)) !important;
    border-color:rgba(139,201,177,.18) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  /* Dark reader paper gets its own variables as an actual selectable paper. */
  body.kb-bible-v5[data-reader-paper="dark"] {
    --reader-paper-bg:#0c1517;
    --reader-paper-head:#111d20;
    --reader-paper-text:#f1f5f3;
    --reader-paper-muted:#a8b6b1;
    --reader-paper-line:rgba(213,229,222,.13);
  }

  /* V13 had hard-coded ivory/yellow. Restore the selectors as the single source of truth. */
  body.kb-bible-v5.kb-reader-paper .reader-body {
    background-color:var(--reader-paper-bg) !important;
    color:var(--reader-paper-text) !important;
    border-color:var(--reader-paper-line) !important;
    background-image:
      radial-gradient(circle at 16% 10%,rgba(255,255,255,.34),transparent 27%),
      repeating-linear-gradient(0deg,rgba(87,63,33,.014) 0 1px,transparent 1px 5px) !important;
  }
  body.kb-bible-v5[data-reader-paper="white"].kb-reader-paper .reader-body {
    background:#ffffff !important;
    background-image:none !important;
  }
  body.kb-bible-v5[data-reader-paper="parchment"].kb-reader-paper .reader-body {
    background-color:var(--reader-paper-bg) !important;
    background-image:
      radial-gradient(circle at 14% 12%,rgba(255,255,255,.20),transparent 27%),
      repeating-linear-gradient(0deg,rgba(91,62,26,.024) 0 1px,transparent 1px 5px) !important;
  }
  body.kb-bible-v5[data-reader-paper="sage"].kb-reader-paper .reader-body,
  body.kb-bible-v5[data-reader-paper="lavender"].kb-reader-paper .reader-body,
  body.kb-bible-v5[data-reader-paper="sky"].kb-reader-paper .reader-body {
    background-color:var(--reader-paper-bg) !important;
    background-image:radial-gradient(circle at 12% 8%,rgba(255,255,255,.48),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 62%) !important;
  }
  body.kb-bible-v5.kb-reader-dark .reader-body {
    background:#0c1517 !important;
    background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)) !important;
    color:var(--reader-paper-text) !important;
    border-color:var(--reader-paper-line) !important;
  }

  body.kb-bible-v5.kb-reader-paper .chapter-heading,
  body.kb-bible-v5.kb-reader-dark .chapter-heading {
    background:var(--reader-paper-head) !important;
    border-bottom-color:var(--reader-paper-line) !important;
  }
  body.kb-bible-v5.kb-reader-paper .chapter-heading h2,
  body.kb-bible-v5.kb-reader-dark .chapter-heading h2,
  body.kb-bible-v5.kb-reader-paper .v-ko .v-text,
  body.kb-bible-v5.kb-reader-paper .v-kjv .v-text,
  body.kb-bible-v5.kb-reader-paper .v-web .v-text,
  body.kb-bible-v5.kb-reader-dark .v-ko .v-text,
  body.kb-bible-v5.kb-reader-dark .v-kjv .v-text,
  body.kb-bible-v5.kb-reader-dark .v-web .v-text {
    color:var(--reader-paper-text) !important;
  }
  body.kb-bible-v5.kb-reader-paper .chapter-heading .sub,
  body.kb-bible-v5.kb-reader-dark .chapter-heading .sub,
  body.kb-bible-v5.kb-reader-paper .v-label,
  body.kb-bible-v5.kb-reader-dark .v-label {
    color:var(--reader-paper-muted) !important;
  }
  body.kb-bible-v5.kb-reader-paper .translation-key,
  body.kb-bible-v5.kb-reader-dark .translation-key {
    background:color-mix(in srgb,var(--reader-paper-bg) 92%,#ffffff 8%) !important;
    border-bottom-color:var(--reader-paper-line) !important;
  }
  body.kb-bible-v5.kb-reader-paper .verse-row,
  body.kb-bible-v5.kb-reader-dark .verse-row {
    background:transparent !important;
    border-bottom-color:var(--reader-paper-line) !important;
  }

  /* Selected verse and live sentence tracking follow the chosen highlight color. */
  body.kb-bible-v5.kb-reader-paper .verse-row.is-selected,
  body.kb-bible-v5.kb-reader-dark .verse-row.is-selected {
    background:var(--reader-highlight-soft) !important;
    border-color:color-mix(in srgb,var(--reader-highlight) 24%,transparent) !important;
    box-shadow:inset 4px 0 0 var(--reader-highlight) !important;
  }
  body.kb-bible-v5 .verse-row.is-reading {
    background:var(--reader-highlight-strong) !important;
    border-color:color-mix(in srgb,var(--reader-highlight) 30%,transparent) !important;
    box-shadow:inset 5px 0 0 var(--reader-highlight),0 0 0 1px color-mix(in srgb,var(--reader-highlight) 24%,transparent) !important;
  }
  body.kb-bible-v5 .sentence-unit.is-reading-sentence {
    background:linear-gradient(180deg,transparent 3%,color-mix(in srgb,var(--reader-highlight) 34%,transparent) 3%,color-mix(in srgb,var(--reader-highlight) 50%,transparent) 91%,transparent 91%) !important;
    box-shadow:0 .14em .72em color-mix(in srgb,var(--reader-highlight) 28%,transparent) !important;
  }
  body.kb-bible-v5.kb-reader-paper .v-num,
  body.kb-bible-v5.kb-reader-dark .v-num {
    color:color-mix(in srgb,var(--reader-highlight) 78%,var(--reader-paper-text) 22%) !important;
  }
  body.kb-bible-v5.kb-reader-paper .v-num span,
  body.kb-bible-v5.kb-reader-dark .v-num span {
    background:var(--reader-highlight-soft) !important;
  }
}