/* components.css -- GENERATED by `python -m biblecore build` from bible-core
   for this book's enabled components (echo, list, poem, itin, textform). Don't edit; override in theme.css. */

/* ---- echo ---- */
/* aside.echo -- a cross-book echo, a verse sibling like .gloss; collapsed
   into the verse note by app/spotlight.js. The site prepends "cf.". */
.unit aside.echo { display: block; text-indent: 0; margin: 3px 0 14px 0; padding: 6px 14px; border-left: 2px solid var(--accent-jordan); color: var(--ink-soft); font-size: 15px; line-height: 1.5; }
.unit aside.echo::before { content: "cf. "; font-family: var(--display); font-weight: 600; font-style: normal; color: var(--accent-jordan); }
.unit .verse-note aside.echo { display: block; margin: 0; padding-left: 14px; border: none; border-left: 2px solid var(--accent-jordan); }
.unit .verse-note .gloss + aside.echo,
.unit .verse-note aside.echo + .gloss,
.unit .verse-note aside.echo + aside.echo { margin-top: 8px; }

/* ---- list ---- */
/* table.list -- count/list tables (a census, a roster; first built for Numbers 1).
   Two or three columns; the last column is numeric and right-aligned. */
.unit table.list { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.4; }
.unit table.list th { font-family: var(--display); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-soft); font-weight: 600; text-align: left; padding: 0 10px 6px 0; border-bottom: 1px solid var(--rule); }
.unit table.list td { padding: 6px 10px 6px 0; border-bottom: 1px solid var(--rule-soft); color: var(--ink); }
.unit table.list tbody tr:last-child td { border-bottom: none; }
.unit table.list tfoot td { border-top: 2px solid var(--ink); border-bottom: none; padding-top: 8px; font-weight: 700; }
.unit table.list th:last-child, .unit table.list td:last-child { text-align: right; padding-right: 0; font-variant-numeric: tabular-nums; }

/* ---- poem ---- */
/* div.poem -- verse blocks set in lines. The verse number hangs in the
   gutter; each span.l is one line, and .in indents a continuing line. */
.unit .poem { margin: 18px 0 22px; }
.unit .poem .v { position: relative; padding-left: 42px; text-indent: 0; margin-bottom: 10px; }
.unit .poem .v .n { position: absolute; left: 0; top: 0; }
.unit .poem .l { display: block; padding-left: 1.4em; text-indent: -1.4em; }
.unit .poem .l.in { padding-left: 2.8em; }
.unit .poem .verse-note, .unit .poem .gloss { margin-left: 42px; }
body.text-center .unit .poem .v { padding-left: 0; }
body.text-center .unit .poem .v .n { position: static; display: block; margin: 0 auto 2px; }
body.text-center .unit .poem .l, body.text-center .unit .poem .l.in { padding-left: 0; text-indent: 0; }
@media (max-width: 720px) {
  .unit .poem .v { padding-left: 26px; }
  .unit .poem .l { padding-left: 1em; text-indent: -1em; }
  .unit .poem .l.in { padding-left: 2em; }
  .unit .poem .verse-note, .unit .poem .gloss { margin-left: 26px; }
}

/* ---- itin ---- */
/* div.itin -- a row of stops with arrows, inside a section.block
   (Matthew's itinerary chips). A stop's <sup> is its verse. */
.unit .itin { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 4px; }
.unit .itin .stop { font-family: var(--display); font-size: 16px; font-weight: 600; padding: 4px 11px; border-radius: 20px; background: var(--panel-2); border: 1px solid var(--rule); white-space: nowrap; }
.unit .itin .stop sup { font-family: var(--serif); font-size: 10.5px; color: var(--accent-jordan); font-weight: 700; margin-left: 2px; }
.unit .itin .arr { color: var(--ink-soft); font-size: 15px; }
@media (max-width: 720px) {
  .unit .itin { justify-content: flex-start; }
  .unit .itin .stop { font-size: 14.5px; padding: 3px 9px; }
}

/* ---- textform ---- */
/* aside.textform -- another witness reads differently. A verse sibling,
   collapsed into the verse note with the glosses; the site prints the
   witness from data-src. */
.unit aside.textform { display: block; text-indent: 0; margin: 3px 0 14px 0; padding: 6px 14px; border-left: 2px dashed var(--accent-bronze); color: var(--ink-soft); font-size: 15px; line-height: 1.5; }
.unit aside.textform::before { font-family: var(--display); font-weight: 600; font-style: normal; font-size: 12.5px; letter-spacing: .06em; color: var(--accent-bronze); margin-right: 6px; }
.unit aside.textform[data-src="mt"]::before { content: "MT"; }
.unit aside.textform[data-src="lxx"]::before { content: "LXX"; }
.unit aside.textform[data-src="sp"]::before { content: "Samaritan"; }
.unit aside.textform[data-src="dss"]::before { content: "Qumran"; }
.unit aside.textform[data-src="qere"]::before { content: "Qere"; }
.unit aside.textform[data-src="ketiv"]::before { content: "Ketiv"; }
.unit aside.textform[data-src="targum"]::before { content: "Targum"; }
.unit aside.textform[data-src="peshitta"]::before { content: "Peshitta"; }
.unit aside.textform[data-src="vulgate"]::before { content: "Vulgate"; }
.unit .verse-note aside.textform { display: block; margin: 0; padding-left: 14px; border: none; border-left: 2px dashed var(--accent-bronze); }
.unit .verse-note > * + aside.textform, .unit .verse-note aside.textform + * { margin-top: 8px; }