@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=EB+Garamond: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: Torah (linen, acacia, tabernacle dyes), book accents 'Desert sand, dusk'. Don't edit; override in theme.css or book.json "theme". */

:root {
  --bg: #efe6d2;
  --panel: #f6f1e6;
  --panel-2: #dbd3bf;
  --ink: #2b2418;
  --ink-soft: #756e5f;
  --rule: #beb6a4;
  --rule-soft: #d4cbb8;
  --glow-1: #f8f4eb;
  --glow-2: #d2c9b6;
  --accent-clay: #9c6733;
  --accent-bronze: #5b6f86;
  --accent-jordan: #2c4a78;
  --accent-olive: #6b2d5c;
  --accent-wine: #a3322a;
  --topbar-bg: rgba(239, 230, 210, 0.94);
  --root-active-bg: rgba(91, 111, 134, 0.16);
  --flash: #a5aaac;
  --book-primary: #b8783a;
  --book-secondary: #5b6f86;
  --mast-fg: #2b2418;
  --emblem-fg: #efe6d2;
  --gloss: #5b6f86;
  --display: "Cinzel", Georgia, serif;
  --serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --title: "Cinzel", Georgia, serif;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #201b12;
  --panel: #2e291f;
  --panel-2: #3b352b;
  --ink: #f1ead9;
  --ink-soft: #a09989;
  --rule: #5a5448;
  --rule-soft: #413b31;
  --glow-1: #2a251c;
  --glow-2: #352818;
  --accent-clay: #b8783a;
  --accent-bronze: #62758a;
  --accent-jordan: #667993;
  --accent-olive: #996e85;
  --accent-wine: #b65f54;
  --topbar-bg: rgba(32, 27, 18, 0.94);
  --root-active-bg: rgba(91, 111, 134, 0.16);
  --flash: #3e454c;
  --book-primary: #b8783a;
  --book-secondary: #5b6f86;
  --mast-fg: #2b2418;
  --emblem-fg: #efe6d2;
  --gloss: #8c97a0;
  --display: "Cinzel", Georgia, serif;
  --serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --title: "Cinzel", Georgia, serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --bg: #201b12;
    --panel: #2e291f;
    --panel-2: #3b352b;
    --ink: #f1ead9;
    --ink-soft: #a09989;
    --rule: #5a5448;
    --rule-soft: #413b31;
    --glow-1: #2a251c;
    --glow-2: #352818;
    --accent-clay: #b8783a;
    --accent-bronze: #62758a;
    --accent-jordan: #667993;
    --accent-olive: #996e85;
    --accent-wine: #b65f54;
    --topbar-bg: rgba(32, 27, 18, 0.94);
    --root-active-bg: rgba(91, 111, 134, 0.16);
    --flash: #3e454c;
    --book-primary: #b8783a;
    --book-secondary: #5b6f86;
    --mast-fg: #2b2418;
    --emblem-fg: #efe6d2;
    --gloss: #8c97a0;
    --display: "Cinzel", Georgia, serif;
    --serif: "EB Garamond", Georgia, "Times New Roman", serif;
    --title: "Cinzel", 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=%22M15.6%2043C15.9%2033%2015.4%2020%2016%206.5%22/%3E%3Cpath%20d=%22M16.2%208.6C21.5%206.8%2027%2012%2034.5%209.6C33.2%2012%2033%2014%2034.6%2016.6C27.4%2019.4%2022%2013.8%2016.2%2016.2%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=%22M15.6%2043C15.9%2033%2015.4%2020%2016%206.5%22/%3E%3Cpath%20d=%22M16.2%208.6C21.5%206.8%2027%2012%2034.5%209.6C33.2%2012%2033%2014%2034.6%2016.6C27.4%2019.4%2022%2013.8%2016.2%2016.2%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=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%236b2d5c%22%20stroke-width=%221%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=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%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=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%236b2d5c%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%236b2d5c%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%232c4a78%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23a3322a%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%236b2d5c%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3Cg%20transform=%22matrix(-1%200%200%201%20600%200)%22%3E%3Cpath%20d=%22M-600%209C-550%203%20-575%2015%20-525%209S-500%203%20-450%209S-425%2015%20-375%209S-350%203%20-300%209S-275%2015%20-225%209S-200%203%20-150%209S-125%2015%20-75%209S-50%203%200%209S25%2015%2075%209S100%203%20150%209S175%2015%20225%209S262%204%20280%209%22%20stroke=%22%23667993%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M-600%209C-550%2015%20-575%203%20-525%209S-500%2015%20-450%209S-425%203%20-375%209S-350%2015%20-300%209S-275%203%20-225%209S-200%2015%20-150%209S-125%203%20-75%209S-50%2015%200%209S25%203%2075%209S100%2015%20150%209S175%203%20225%209S262%2014%20280%209%22%20stroke=%22%23b65f54%22%20stroke-width=%221%22/%3E%3C/g%3E%3Cpath%20d=%22M300%202L307%209L300%2016L293%209Z%22%20stroke=%22%23996e85%22%20stroke-width=%221%22/%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); } }