/* Generated mirror of every `.sel` rule in styles.css for the default-active verse (.ol-default-active), so the
   verse that opens by default (e.g. after changing chapter) has exactly the same box, cord and paper as a selected one. */
.verse.ol-default-active { background: var(--accent-soft); box-shadow: inset 0 0 0 0 transparent; }
.verse.ol-default-active .vnum { color: var(--accent-ink); font-weight: 700; }
.verse.ol-default-active { background: var(--teal-selection-bg); box-shadow: none; }
.verse.ol-default-active .vnum { color: var(--teal-selection-bar); }
.verse.ol-default-active { border-radius: 8px; padding-top: 14px; padding-bottom: 14px; margin-top: -9px; margin-bottom: -7px; }
.verse.ol-default-active { background: var(--teal-selection-bg); border-radius: var(--r-sel); }
.verse.ol-default-active { padding-top: 8px; padding-bottom: 8px; margin-top: -5px; margin-bottom: -4px; }
#verses .verse.ol-default-active { border-radius: 14px; overflow: hidden; margin: 4px 0; padding-top: 5px; padding-bottom: 5px; background: var(--teal-selection-bg); }
#verses .verse.ol-default-active .vnum { color: var(--accent-ink); font-weight: 700; }
#verses .verse.ol-default-active,
.verse.ol-default-active {
  background: var(--highlight-verse-bg);
  border: 1px solid color-mix(in srgb, var(--highlight-verse-border) 35%, transparent);
  box-shadow: 0 1px 6px var(--highlight-verse-shadow), 0 0 14px var(--highlight-verse-glow);
}
#verses .verse.ol-default-active .vnum,
.verse.ol-default-active .vnum { color: var(--accent-ink); font-weight: 700; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #verses .verse.ol-default-active,
:root:not([data-theme="light"]) .verse.ol-default-active { background: var(--highlight-verse-bg); border: 1px solid rgba(214, 161, 91, .20); box-shadow: 0 0 24px -8px rgba(231, 184, 106, .26), inset 0 0 0 1px rgba(231, 184, 106, .03); }
  :root:not([data-theme="light"]) .verse.ol-default-active .vnum { color: var(--amber); }
}
:root[data-theme="dark"] #verses .verse.ol-default-active,
:root[data-theme="dark"] .verse.ol-default-active { background: var(--highlight-verse-bg); border: 1px solid rgba(214, 161, 91, .20); box-shadow: 0 0 24px -8px rgba(231, 184, 106, .26), inset 0 0 0 1px rgba(231, 184, 106, .03); }
:root[data-theme="dark"] .verse.ol-default-active .vnum { color: var(--amber); }
#verses .verse.ol-default-active .vnum { color: var(--vnum-active, var(--accent-ink)); font-weight: 700; }
#verses .verse.ol-default-active { box-shadow: inset 3px 0 0 #B96F35; }
#verses .verse.ol-default-active {
  background: color-mix(in srgb, #F6E6D4 76%, var(--paper) 24%);
  box-shadow: inset 3px 0 0 #B96F35, 0 0 0 1px rgba(185,111,53,.10);
}
#verses .verse.ol-default-active .vnum {
  color: #9A5728;
  font-weight: 760;
}
:root[data-theme="light"] .verse.ol-default-active { background:var(--jb-scripture-sel-bg);box-shadow:inset 0 0 0 1px var(--jb-scripture-sel-border);border-radius:10px; }
@media not (prefers-color-scheme: dark) {
  :root:not([data-theme]) .verse.ol-default-active { background:var(--jb-scripture-sel-bg);box-shadow:inset 0 0 0 1px var(--jb-scripture-sel-border);border-radius:10px; }
}
#text-pane #verses .verse.ol-default-active { padding-top: 8px; padding-bottom: 8px; margin-top: 0; margin-bottom: var(--jb-scripture-paragraph-gap); }
#text-pane #verses .verse.ol-default-active .vnum { font-weight: var(--jb-scripture-verse-number-weight); }
#text-pane #verses .verse.ol-default-active {background:color-mix(in srgb,var(--accent-soft) 68%,var(--paper));border-radius:11px;box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px color-mix(in srgb,var(--accent-line) 68%,transparent);padding-top:10px;padding-bottom:10px;}
#text-pane #verses .verse.ol-default-active .vnum {top:10px;color:var(--accent-ink);font-weight:800;font-variant-numeric:tabular-nums;}
body[data-view="study"] #text-pane #verses .verse.ol-default-active {background:var(--st-action-soft);box-shadow:inset 3px 0 0 var(--st-gold);color:var(--st-ink)}
body[data-view="study"] #text-pane #verses .verse.ol-default-active .vnum {color:#865D26}
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse.ol-default-active {background:#3A3024;box-shadow:inset 3px 0 0 var(--st-gold);color:var(--st-ink)}
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse.ol-default-active .vnum {color:#F2CC8B}
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected) {
 padding:13px 15px 13px 49px;
 border:1px solid rgba(191,121,45,.76);
 background:linear-gradient(118deg,rgba(244,178,85,.41),rgba(255,251,235,.87) 63%,rgba(245,191,108,.37));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.87),0 0 0 2px rgba(210,152,74,.15),0 5px 15px rgba(140,92,42,.13);
}
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected) .vnum {top:12px;color:#633d19;background:#f2c789;}
@media(max-width:760px) {
  :root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected) {padding:11px 11px 11px 43px;border-radius:12px;}
}
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected),
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected):hover {
  box-shadow:inset 0 0 0 4px color-mix(in srgb, #bf7a36 82%, #fff 18%),
    0 0 0 1px rgba(255,255,255,.6),
    0 12px 26px rgba(122,87,46,.16);
}
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected),
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected):hover {
 padding:13px 15px 13px 49px;border:1px solid rgba(245,190,113,.95);
 color:#fff2e0;
 background:linear-gradient(114deg,rgba(146,101,48,.45),rgba(79,65,49,.89) 64%,rgba(157,104,49,.33));
 box-shadow:inset 0 0 0 4px rgba(232,173,94,.93),0 0 0 1px rgba(245,205,148,.22),0 11px 25px rgba(0,0,0,.33);
}
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected) .vnum {top:12px;color:#fff5e6;background:rgba(222,154,76,.48);}
@media(max-width:760px) {
  :root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected) {padding:11px 11px 11px 43px;border-radius:12px;}
}
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected),
:root:not([data-theme="dark"]) body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected):hover {
 background:linear-gradient(130deg,rgba(255,245,220,.95),rgba(255,255,250,.91) 65%,rgba(241,210,163,.49));
 box-shadow:inset 0 0 0 4px rgba(190,123,52,.87),0 0 0 1px rgba(255,255,255,.6),0 12px 26px rgba(122,87,46,.16);
}
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected),
:root[data-theme="dark"] body[data-view="study"] #text-pane #verses .verse:is(.ol-default-active,.verse-selected):hover {
 background:linear-gradient(133deg,rgba(85,67,48,.78),rgba(38,35,33,.97) 64%,rgba(115,78,43,.35));
 box-shadow:inset 0 0 0 4px rgba(232,173,94,.93),0 0 0 1px rgba(245,205,148,.22),0 11px 25px rgba(0,0,0,.33);
}
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses .verse.ol-default-active {
  --cord: var(--cord-v);
  --cord-lit: linear-gradient(90deg, rgba(255,255,255,.38), rgba(255,255,255,0) 45%, rgba(0,0,0,.28));
  margin: 0 -6px; padding-left: 58px; padding-right: 22px; border-radius: 0;
  background:
    var(--cord-lit) left / 10px 100% no-repeat, var(--cord) left / 10px 24px repeat-y,
    linear-gradient(180deg, var(--scr-sel-a), var(--scr-sel-b));
  box-shadow: 0 0 18px var(--scr-glow);
}
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses .verse.ol-default-active .vnum { left: 16px; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .verse.ol-default-active + .ol-body { margin-top: -1px; padding-top: 0; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .verse.ol-default-active:not(.ol-default-active + .ol-default-active):not(.ol-body + .ol-default-active) { border-top-left-radius: 16px; border-top-right-radius: 16px; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .verse.ol-default-active:not(:has(+ .ol-default-active)):not(:has(+ .ol-body)) { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .ol-body:not(:has(+ .ol-default-active)) { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .verse.ol-default-active + .ol-body { margin-top: 0; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses > .verse.ol-default-active:has(+ .ol-body) { box-shadow: none; }
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses .verse.ol-default-active,
:root:not([data-ns1]):not([data-ns2]) body[data-view="study"] #text-pane #verses .verse.ol-default-active:focus-within { outline: none; }