@import url('https://fonts.googleapis.com/css2?family=Uncial+Antiqua&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* division.css -- GENERATED by `python -m biblecore build` from bible-core
   web/themes.json: New Testament (papyrus, lamp light), book accents 'Royal, the teacher'. Don't edit; override in theme.css or book.json "theme". */

:root {
  --bg: #f1ead9;
  --panel: #f7f3ea;
  --panel-2: #ddd6c6;
  --ink: #26221c;
  --ink-soft: #736e64;
  --rule: #beb8aa;
  --rule-soft: #d5cebf;
  --glow-1: #f9f6ee;
  --glow-2: #d3ccbd;
  --accent-clay: #5b3f7a;
  --accent-bronze: #9b722b;
  --accent-jordan: #8f7031;
  --accent-olive: #2f5d7c;
  --accent-wine: #8a2a2a;
  --topbar-bg: rgba(241, 234, 217, 0.94);
  --root-active-bg: rgba(176, 128, 46, 0.16);
  --flash: #d0b584;
  --book-primary: #5b3f7a;
  --book-secondary: #b0802e;
  --mast-fg: #f1ead9;
  --emblem-fg: #26221c;
  --gloss: #896629;
  --display: "Source Serif 4", Georgia, serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --title: "Uncial Antiqua", Georgia, serif;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #1c1a15;
  --panel: #2b2923;
  --panel-2: #38352e;
  --ink: #f3eddf;
  --ink-soft: #a09b8f;
  --rule: #58544c;
  --rule-soft: #3e3b34;
  --glow-1: #27241f;
  --glow-2: #251f23;
  --accent-clay: #806a92;
  --accent-bronze: #b0802e;
  --accent-jordan: #c79a3c;
  --accent-olive: #56798f;
  --accent-wine: #a9645e;
  --topbar-bg: rgba(28, 26, 21, 0.94);
  --root-active-bg: rgba(176, 128, 46, 0.16);
  --flash: #664d22;
  --book-primary: #5b3f7a;
  --book-secondary: #b0802e;
  --mast-fg: #f1ead9;
  --emblem-fg: #26221c;
  --gloss: #b68b3f;
  --display: "Source Serif 4", Georgia, serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --title: "Uncial Antiqua", Georgia, serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --bg: #1c1a15;
    --panel: #2b2923;
    --panel-2: #38352e;
    --ink: #f3eddf;
    --ink-soft: #a09b8f;
    --rule: #58544c;
    --rule-soft: #3e3b34;
    --glow-1: #27241f;
    --glow-2: #251f23;
    --accent-clay: #806a92;
    --accent-bronze: #b0802e;
    --accent-jordan: #c79a3c;
    --accent-olive: #56798f;
    --accent-wine: #a9645e;
    --topbar-bg: rgba(28, 26, 21, 0.94);
    --root-active-bg: rgba(176, 128, 46, 0.16);
    --flash: #664d22;
    --book-primary: #5b3f7a;
    --book-secondary: #b0802e;
    --mast-fg: #f1ead9;
    --emblem-fg: #26221c;
    --gloss: #b68b3f;
    --display: "Source Serif 4", Georgia, serif;
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --title: "Uncial Antiqua", Georgia, serif;
    color-scheme: dark;
}
}

/* the banner masthead: the book's colour, its emblem in a circle */
.unit .mast {
  position: relative; text-align: left;
  background: var(--book-primary); color: var(--mast-fg);
  border: none; border-radius: 8px; border-bottom: 4px solid var(--book-secondary);
  padding: 20px 104px 18px 24px; margin: 0 0 18px;
}
.unit .mast .kicker, .unit .mast .unit, .unit .mast .unit-place, .unit .mast .greek-title,
.unit .mast h1 { color: var(--mast-fg); }
.unit .mast .kicker { opacity: .85; }
.unit .mast h1 { margin: .12em 0 .1em; font-family: var(--title); }
.unit .mast .unit-place { border-color: currentColor; }
.unit .mast::before, .unit .mast::after {
  content: ""; position: absolute; top: 50%; transform: translateY(-50%);
}
.unit .mast::before { right: 22px; width: 62px; height: 62px; border-radius: 50%; background: var(--book-secondary); }
.unit .mast::after { right: 35px; width: 36px; height: 36px; background: var(--emblem-fg);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2048%2048%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2040L18%2016L26%2028L32%2020L44%2040Z%22/%3E%3Cpath%20d=%22M14%2023L18%2016L22%2022.5%22/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2048%2048%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2040L18%2016L26%2028L32%2020L44%2040Z%22/%3E%3Cpath%20d=%22M14%2023L18%2016L22%2022.5%22/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 720px) {
  .unit .mast { padding: 16px 78px 14px 16px; }
  .unit .mast::before { right: 14px; width: 50px; height: 50px; }
  .unit .mast::after { right: 24px; width: 30px; height: 30px; }
}

/* the division's ornament, a light rule above the notes */
.unit .notes::before, .print-unit + .print-unit::before {
  content: ""; display: block; height: 18px; margin: 0 auto 22px; max-width: 520px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20600%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3Cpath%20d=%22M14%209C8.5%209%205%205.5%207%202.5C9%20.5%2013%201.5%2013%205C13%207.4%2010%207.4%2010%205.6%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3Cpath%20d=%22M586%209C591.5%209%20595%2012.5%20593%2015.5C591%2017.5%20587%2016.5%20587%2013C587%2010.6%20590%2010.6%20590%2012.4%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3C/svg%3E") center / contain no-repeat; opacity: .8;
}
:root[data-theme="dark"] .unit .notes::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20600%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3Cpath%20d=%22M14%209C8.5%209%205%205.5%207%202.5C9%20.5%2013%201.5%2013%205C13%207.4%2010%207.4%2010%205.6%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cpath%20d=%22M586%209C591.5%209%20595%2012.5%20593%2015.5C591%2017.5%20587%2016.5%20587%2013C587%2010.6%20590%2010.6%20590%2012.4%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { :root[data-theme="auto"] .unit .notes::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20600%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M14%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3Cpath%20d=%22M14%209C8.5%209%205%205.5%207%202.5C9%20.5%2013%201.5%2013%205C13%207.4%2010%207.4%2010%205.6%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cpath%20d=%22M586%209C591.5%209%20595%2012.5%20593%2015.5C591%2017.5%20587%2016.5%20587%2013C587%2010.6%20590%2010.6%20590%2012.4%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/svg%3E"); } }

/* the heading ornament, in place of the heading underline and the key's group divider:
   the motif stays its size, the rule either side stretches to the heading's width */
.unit h3.pericope { border-bottom: none; padding-bottom: 0; width: fit-content; max-width: 100%; }
.unit .legend-group + .legend-group { border-top: none; padding-top: 0; }
.unit h3.pericope::after, .unit .legend-group + .legend-group::before {
  content: ""; display: block; height: 12px; min-width: 110px; margin: 5px 0 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-600%200%20850%2018%22%20preserveAspectRatio=%22xMaxYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") left center / calc(50% - 33px) 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22250%200%20100%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") center / 67px 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22350%200%201150%2018%22%20preserveAspectRatio=%22xMinYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%2326221c%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") right center / calc(50% - 33px) 12px no-repeat; opacity: .75;
}
.unit .legend-group + .legend-group::before { margin: 0 0 12px; }
:root[data-theme="dark"] .unit h3.pericope::after, :root[data-theme="dark"] .unit .legend-group + .legend-group::before { background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-600%200%20850%2018%22%20preserveAspectRatio=%22xMaxYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") left center / calc(50% - 33px) 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22250%200%20100%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") center / 67px 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22350%200%201150%2018%22%20preserveAspectRatio=%22xMinYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") right center / calc(50% - 33px) 12px no-repeat; }
@media (prefers-color-scheme: dark) { :root[data-theme="auto"] .unit h3.pericope::after, :root[data-theme="auto"] .unit .legend-group + .legend-group::before { background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-600%200%20850%2018%22%20preserveAspectRatio=%22xMaxYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") left center / calc(50% - 33px) 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22250%200%20100%2018%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") center / 67px 12px no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22350%200%201150%2018%22%20preserveAspectRatio=%22xMinYMid%20slice%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209H286%22%20stroke=%22%23a09b8f%22%20stroke-width=%22.9%22/%3E%3C/g%3E%3Cg%20fill=%22%23c79a3c%22%3E%3Ccircle%20cx=%22292%22%20cy=%229%22%20r=%221.4%22/%3E%3Ccircle%20cx=%22300%22%20cy=%229%22%20r=%221.8%22/%3E%3Ccircle%20cx=%22308%22%20cy=%229%22%20r=%221.4%22/%3E%3C/g%3E%3C/svg%3E") right center / calc(50% - 33px) 12px no-repeat; } }

/* tracked-word colours stay their own palette; in dark mode, lifted toward white */
:root[data-theme="dark"] .unit [data-root] { --rc-shown: color-mix(in oklab, var(--rc) 58%, #fff); }
@media (prefers-color-scheme: dark) { :root[data-theme="auto"] .unit [data-root] { --rc-shown: color-mix(in oklab, var(--rc) 58%, #fff); } }