/* =====================================================================
   The Ten Plagues (js/plagues.js), set as the other studies are (css/manuscript.css): the introduction, a drawing,
   the chart to choose from, one study card, and the tables beneath. What is the page's own is here:
   - the drawing, "The light goes out": a strip of sky over the ten, gold over the first six and darkening from the
     seventh to midnight, with the words of each part of it beneath (on a phone, one beneath another, each by its
     colour);
   - the chart: three rounds of three, a row to each round and a column to each way a plague was announced, the sign
     above and the tenth below; round three and the tenth are set in the dark of the drawing;
   - in the study, the four sections (what Yahweh said, what Moses and Aaron did, what Pharaoh said, what happened),
     two by two on a wide screen, and the words that come back picked out in colour, with their key;
   - the table of those words, a row to each and a column to each plague.
   Every colour is a token of css/styles.css but the sky's, which is the dark itself and nearly the same in both
   themes, and "behold", which has a magenta of its own, as the rubric would be the gold of "rise up early" in the
   dark and the red of the hardened heart in the light. Within the dark (.pl-night) the dark theme's inks are used in
   either theme, so that its words stand light on the night.
   ===================================================================== */

/* the colours of the words picked out: a wash under the words and a rule beneath them */
#panel-plagues {
  --k-early: var(--genB-edge);  --k-early-bg: var(--genB-soft);
  --k-behold: #e384b4;          --k-behold-bg: color-mix(in srgb, #e384b4 17%, transparent);
  --k-hand: var(--heaven-edge); --k-hand-bg: var(--heaven-soft);
  --k-go: var(--cov-edge);      --k-go-bg: var(--cov-soft);
  --k-know: var(--beat-edge);   --k-know-bg: var(--beat-soft);
  --k-heart: var(--earth-edge); --k-heart-bg: var(--earth-soft);
  --k-spoken: var(--bronze);    --k-spoken-bg: color-mix(in srgb, var(--bronze) 16%, transparent);
  --k-apart: var(--genA-edge);  --k-apart-bg: var(--genA-soft);
  /* the sky of the drawing, from the day of the first six to the midnight of the tenth, and what is drawn in it */
  --sky0: #6e5222; --sky7: #3b3348; --sky8: #241c2b; --sky9: #0e0a12; --sky10: #060408;
  --sky-sun: #f6d47c; --sky-day-ink: #fbe6ad; --sky-land: rgba(255, 236, 190, 0.5);
  --sky-ink: #d8cde3; --sky-dim: #6b5e78; --sky-gold: #f2c14e; --sky-blood: #e0675a; --sky-hail: #ece6f3;
}
:root[data-theme="light"] #panel-plagues {
  --k-behold: #a3317a; --k-behold-bg: color-mix(in srgb, #a3317a 13%, transparent);
  --sky0: #efd99b; --sky7: #6a6376; --sky8: #3b3442; --sky9: #17131b; --sky10: #0a080c;
  --sky-sun: #b07d12; --sky-day-ink: #5a3f0a; --sky-land: rgba(90, 63, 10, 0.45); --sky-blood: #d6493a;
}
#panel-plagues .s0 { --sky: var(--sky0); }
#panel-plagues .s7 { --sky: var(--sky7); }
#panel-plagues .s8 { --sky: var(--sky8); }
#panel-plagues .s9 { --sky: var(--sky9); }
#panel-plagues .s10 { --sky: var(--sky10); }
/* within the dark, the dark theme's inks, in either theme */
.pl-night {
  --ink: #ece5f0; --muted: #c6bad2; --rubric: #e6bd5c; --rule: #5f4a6c; --press: #9c7a45; --focus: #f3ecf8;
  --genB-soft: #33231b; --genB-edge: #e2b959; --genB-ink: #efcb74;
  color: var(--ink);
}

.pl-m { padding: 0 1px; color: inherit; border-bottom: 2px solid var(--kc); background: var(--kb); -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-color 0.2s ease, border-color 0.2s ease; }
.k-early { --kc: var(--k-early); --kb: var(--k-early-bg); }
.k-behold { --kc: var(--k-behold); --kb: var(--k-behold-bg); }
.k-hand { --kc: var(--k-hand); --kb: var(--k-hand-bg); }
.k-go { --kc: var(--k-go); --kb: var(--k-go-bg); }
.k-know { --kc: var(--k-know); --kb: var(--k-know-bg); }
.k-heart { --kc: var(--k-heart); --kb: var(--k-heart-bg); }
.k-spoken { --kc: var(--k-spoken); --kb: var(--k-spoken-bg); }
.k-apart { --kc: var(--k-apart); --kb: var(--k-apart-bg); }
/* one word followed: the others go back to plain words */
#panel-plagues[data-focus] .pl-m { background: none; border-bottom-color: transparent; }
#panel-plagues[data-focus="early"] .pl-m.k-early, #panel-plagues[data-focus="behold"] .pl-m.k-behold,
#panel-plagues[data-focus="hand"] .pl-m.k-hand, #panel-plagues[data-focus="go"] .pl-m.k-go,
#panel-plagues[data-focus="know"] .pl-m.k-know, #panel-plagues[data-focus="heart"] .pl-m.k-heart,
#panel-plagues[data-focus="spoken"] .pl-m.k-spoken, #panel-plagues[data-focus="apart"] .pl-m.k-apart { background: var(--kb); border-bottom-color: var(--kc); font-weight: 600; }
.pl-sw { flex: none; width: 0.95em; height: 0.95em; border-bottom: 2px solid var(--kc); background: var(--kb); }

/* a plague's number in its roundel; the sign's is the rod that became a serpent */
.pl-n { display: inline-grid; place-items: center; flex: none; width: 2.6rem; height: 2.6rem; border: 2px solid var(--genB-edge); border-radius: 50%; background: var(--genB-soft); font-family: var(--display); font-size: 1.3rem; font-weight: 400; line-height: 1; color: var(--rubric); transition: background-color 0.15s ease, color 0.15s ease; }
.pl-rod { display: block; width: 1.2em; height: 1.2em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pl-rod circle { fill: currentColor; stroke: none; }

/* ---- the light goes out: the strip of sky, framed thick-and-thin, and the words beneath each part of it ---- */
.pl-sky {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr));
  max-width: 66rem;
  margin: 6px auto 0;
  padding: 9px 0;
  background:
    linear-gradient(var(--press), var(--press)) top / 100% 3px no-repeat,
    linear-gradient(var(--press), var(--press)) 0 6px / 100% 1px no-repeat,
    linear-gradient(var(--press), var(--press)) bottom / 100% 3px no-repeat,
    linear-gradient(var(--press), var(--press)) 0 calc(100% - 6px) / 100% 1px no-repeat;
}
.pl-sky-c { position: relative; height: 8.6rem; overflow: hidden; background: var(--sky); }
.pl-sky-c + .pl-sky-c { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.4); }
.pl-sky-c svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pl-sky-n { position: absolute; top: 0.45rem; left: 0.65rem; font-family: var(--display); font-size: 1.5rem; line-height: 1; color: var(--sky-gold); }
.pl-sky-c.s0 .pl-sky-n { color: var(--sky-day-ink); }
.pl-sky svg * { vector-effect: non-scaling-stroke; }
.sk-sun circle { fill: var(--sky-sun); }
.sk-sun path { fill: none; stroke: var(--sky-sun); stroke-width: 2; stroke-linecap: round; }
.sk-land { fill: none; stroke: rgba(216, 205, 227, 0.3); stroke-width: 1.5; }
.s0 .sk-land { stroke: var(--sky-land); }
.sk-cloud { fill: #231d2b; stroke: var(--sky-ink); stroke-width: 1.5; stroke-linejoin: round; }
.sk-bolt { fill: none; stroke: var(--sky-gold); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.sk-hail circle { fill: var(--sky-hail); }
.sk-black { fill: #030204; }
.sk-swarm ellipse { fill: #050307; stroke: rgba(216, 205, 227, 0.4); stroke-width: 0.8; }
.sk-glow { fill: var(--sky-gold); opacity: 0.2; }
.sk-house { fill: #07050a; stroke: var(--sky-dim); stroke-width: 1.5; stroke-linejoin: round; }
.sk-window { fill: var(--sky-gold); }
.sk-inside { fill: rgba(242, 193, 78, 0.12); }
.sk-frame { fill: none; stroke: var(--sky-dim); stroke-width: 1.8; }
.sk-blood { fill: none; stroke: var(--sky-blood); stroke-width: 3.2; stroke-linecap: round; }

.pl-dks { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr)); max-width: 66rem; margin: 0 auto; padding: 0; list-style: none; }
.pl-dk { min-width: 0; padding: 16px 14px 6px; }
.pl-dk + .pl-dk { border-left: 1px dotted var(--rule); }
.pl-dk-go { display: block; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pl-dk-go:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.pl-dk-k { display: block; font-family: var(--caps); font-size: 0.92rem; letter-spacing: 0.08em; line-height: 1.3; color: var(--muted); }
.pl-dk-t { display: block; margin: 2px 0 8px; font-family: var(--display); font-size: 1.5rem; font-weight: 400; line-height: 1.15; color: var(--ink); }
.pl-dk-go .pl-dk-t::after { content: " →"; font-size: 0.75em; color: var(--rubric); }
.pl-dk-go:hover .pl-dk-t, .pl-dk-go:focus-visible .pl-dk-t { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pl-dk-q { margin: 0 0 8px; font-size: 1rem; line-height: 1.5; }
.pl-dk-s { margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--muted); }
.pl-dk-notes { max-width: 46rem; margin: 30px auto 0; }
.pl-dk-notes p { margin: 0 0 14px; text-align: justify; hyphens: auto; }
.pl-dk-notes p.bt-caution { margin: 0 auto; }

/* ---- the chart: the sign, the three rounds, the tenth ---- */
.pl-week { max-width: 64rem; margin: 0 auto; }
.pl-end {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.3rem 20px 1.1rem;
  border: 0;
  color: var(--ink);
  font: inherit;
  text-align: center;
  cursor: pointer;
  background:
    linear-gradient(var(--press), var(--press)) top / 100% 3px no-repeat,
    linear-gradient(var(--press), var(--press)) 0 6px / 100% 1px no-repeat,
    linear-gradient(var(--press), var(--press)) bottom / 100% 3px no-repeat,
    linear-gradient(var(--press), var(--press)) 0 calc(100% - 6px) / 100% 1px no-repeat,
    color-mix(in srgb, var(--genB-soft) 45%, transparent);
  transition: background-color 0.15s ease;
}
.pl-end.top { margin: 2.2rem 0 0; }
.pl-end.foot { margin: 2.4rem 0 0; background-color: var(--sky); }
.pl-end .pl-n { position: absolute; top: 3px; left: 50%; transform: translate(-50%, -50%); }
.pl-end-k { display: block; font-family: var(--caps); font-size: 0.95rem; letter-spacing: 0.1em; color: var(--muted); }
.pl-end-ref { margin-left: 0.35em; font-family: var(--text); font-style: italic; letter-spacing: 0; }
.pl-end .pl-cell-t { margin-top: 2px; font-size: 1.75rem; }
.pl-week-h, .pl-round { display: grid; grid-template-columns: 9.5rem repeat(3, minmax(0, 1fr)); column-gap: 12px; }
.pl-week-h { align-items: end; margin-top: 26px; padding-bottom: 10px; border-bottom: 1px solid var(--press); }
.pl-week-c b { display: block; font-family: var(--caps); font-size: 1.02rem; font-weight: 400; letter-spacing: 0.08em; line-height: 1.3; color: var(--rubric); }
.pl-week-c small { display: block; margin-top: 5px; font-size: 0.86rem; font-style: italic; line-height: 1.4; color: var(--muted); }
.pl-short { display: none; }
.pl-rounds { margin: 0; padding: 0; list-style: none; }
.pl-round { align-items: stretch; padding: 6px 0; border-bottom: 1px dotted var(--rule); }
.pl-round.r3 { border-bottom: 0; }
.pl-round-k { align-self: center; padding-right: 6px; }
.pl-round-k b { display: block; font-family: var(--caps); font-size: 1rem; font-weight: 400; letter-spacing: 0.08em; color: var(--ink); }
.pl-round-k small { display: block; margin-top: 3px; font-size: 0.84rem; font-style: italic; line-height: 1.35; color: var(--muted); }
.pl-cell { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 12px; width: 100%; padding: 12px 10px; border: 0; background: none; color: var(--ink); font: inherit; text-align: left; cursor: pointer; transition: background-color 0.15s ease; }
.pl-cell.pl-night { background-color: var(--sky); }
.pl-cell-tx { min-width: 0; }
.pl-cell-t { display: block; font-family: var(--display); font-size: 1.32rem; font-weight: 400; line-height: 1.15; }
.pl-cell-s { display: block; margin-top: 2px; font-size: 0.9rem; line-height: 1.35; color: var(--muted); }
.pl-cell:hover .pl-cell-t, .pl-cell:focus-visible .pl-cell-t, .pl-end:hover .pl-cell-t, .pl-end:focus-visible .pl-cell-t { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pl-cell:focus-visible, .pl-end:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.pl-cell.sel, .pl-end.sel { background-color: color-mix(in srgb, var(--rubric) 12%, transparent); }
.pl-cell.pl-night.sel, .pl-end.pl-night.sel { background-color: color-mix(in srgb, var(--rubric) 14%, var(--sky)); box-shadow: inset 0 0 0 2px var(--rubric); }
.pl-cell.sel .pl-n, .pl-end.sel .pl-n { background: var(--rubric); color: var(--bg); }
.pl-night.sel .pl-n { color: #1b1020; }

/* ---- the study ---- */
.pl-facts { display: flex; flex-wrap: wrap; justify-content: center; max-width: 50rem; margin: -12px auto 26px; font-family: var(--caps); font-size: 1rem; letter-spacing: 0.04em; line-height: 1.5; color: var(--ink); text-align: center; }
.pl-facts > span + span::before { content: "·"; margin: 0 0.55em; color: var(--rubric); }
.pl-to-dark { color: var(--rubric); text-decoration: none; }
.pl-to-dark:hover, .pl-to-dark:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.pl-to-dark:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
/* the key: each word picked out, with how often it comes in this plague; a tap follows it alone */
.pl-key { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 8px; max-width: 60rem; margin: 0 auto 34px; }
.pl-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 2.2rem; padding: 3px 10px; border: 1px solid var(--rule); border-radius: 0; background: none; box-shadow: none; font: inherit; font-size: 0.92rem; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pl-chip.none { border-style: dotted; color: var(--muted); }
.pl-chip.none .pl-sw { opacity: 0.45; }
.pl-chip:hover { border-color: var(--rubric); }
.pl-chip[aria-pressed="true"] { border-color: var(--rubric); background: color-mix(in srgb, var(--rubric) 10%, transparent); color: var(--rubric); }
.pl-chip:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.pl-cnt { font-family: var(--text); font-size: 0.82rem; font-feature-settings: "lnum"; color: var(--muted); }
/* what Yahweh said, what Moses and Aaron did, what Pharaoh said, what happened */
.pl-says { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; max-width: 72rem; margin: 0 auto; }
.pl-say { min-width: 0; }
.pl-say-h { margin: 0 0 14px; padding-bottom: 7px; border-bottom: 1px solid var(--press); font-family: var(--caps); font-size: 1.08rem; font-weight: 400; letter-spacing: 0.14em; color: var(--rubric); }
.pl-say .moments { margin: 0; }
.pl-say .moments > li:last-child { margin-bottom: 0; }
.pl-say .m-text { text-align: left; hyphens: manual; }       /* two columns read better ragged-right than justified */
.pl-who { font-family: var(--caps); font-size: 0.95em; letter-spacing: 0.05em; color: var(--rubric); }
.pl-note .m-text { font-style: italic; color: var(--muted); }
.pl-echo-more { margin: 18px 0 0; text-align: center; }
.pl-echo-more .link-btn { display: inline-flex; gap: 7px; text-decoration: none; }
/* the roll: round three and the tenth in the dark */
.rl-node.pl-night { background: var(--sky); }
.rl-node .pl-rod { width: 1.05em; height: 1.05em; }

/* ---- the words that come back: a row to each, a column to each plague ---- */
table.pl-lg { max-width: 68rem; margin: 0 auto; }
table.pl-lg col.pl-col-r { width: 15.5rem; }
table.pl-lg col.pl-col-tot { width: 4.2rem; }
table.pl-lg thead th { vertical-align: bottom; }
table.pl-lg thead th.lg-genh { font-family: var(--caps); font-weight: 400; font-size: 0.9rem; }
.pl-lg-by { color: var(--muted); }
table.pl-lg th.pl-lg-ph.pl-night { background: var(--sky); }
.pl-lg-p { display: grid; place-items: center; width: 100%; min-height: 2.3rem; padding: 2px 0; border: 0; background: none; color: var(--rubric); font-family: var(--display); font-size: 1.25rem; line-height: 1; cursor: pointer; }
.pl-lg-p:hover, .pl-lg-p:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.pl-lg-p:focus-visible, .pl-lg-k:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
table.pl-lg tbody th { padding-right: 10px; text-align: left; }
.pl-lg-k { display: flex; align-items: center; gap: 8px; width: 100%; padding: 4px 2px; border: 0; background: none; color: var(--ink); font-family: var(--caps); font-size: 0.98rem; letter-spacing: 0.03em; line-height: 1.25; text-align: left; cursor: pointer; }
.pl-lg-k:hover { color: var(--rubric); }
tr.pl-lg-on .pl-lg-k { color: var(--rubric); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lg-cell.pl-lg-cell { display: flex; align-items: center; justify-content: center; gap: 0 3px; height: auto; min-height: 32px; padding: 2px 1px; border: 0; border-bottom: 2px solid var(--kc); background: var(--kb); }
.lg-cell.pl-lg-cell .vi { font-size: 0.82rem; color: var(--ink); }
table.pl-lg .lg-empty { height: 32px; }
.pl-lg-tot { text-align: center; font-family: var(--display); font-size: 1.3rem; color: var(--rubric); }
table.pl-lg thead th.pl-lg-toth { font-family: var(--caps); font-weight: 400; font-size: 0.9rem; color: var(--rubric); }
table.pl-lg td.pl-lg-sel { background: color-mix(in srgb, var(--rubric) 7%, transparent); }
table.pl-lg th.pl-lg-sel .pl-lg-p { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
table.pl-lg th.pl-lg-sel:not(.pl-night) { background: color-mix(in srgb, var(--rubric) 16%, transparent); }
#panel-plagues[data-focus] tr[data-k-row]:not(.pl-lg-on) td { opacity: 0.35; }

/* ---- beside the days of creation (a table of words, table.pr-tt) ---- */
table.pl-ctt tbody td:nth-of-type(1) { font-style: italic; color: var(--muted); }
table.pl-ctt tbody td:last-child { white-space: nowrap; }
.pl-cnote { display: block; margin-top: 5px; font-size: 0.9rem; font-style: italic; color: var(--muted); }
.pl-after { max-width: 46rem; margin: 18px auto 0; font-style: italic; color: var(--muted); }
.pl-after a { color: var(--rubric); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pl-after a:hover { text-decoration-thickness: 2px; }
.pl-after a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.bt-strength.st-thin { font-style: italic; }

/* ---- the sources, under How to read this page ---- */
ol.pl-src { margin: 2px 0 0; padding: 0 0 0 1.4rem; font-size: 0.95rem; line-height: 1.55; }
ol.pl-src li { margin: 0 0 10px; padding-left: 4px; }
ol.pl-src li::marker { font-feature-settings: "lnum"; color: var(--rubric); }
.pl-src-note { display: block; margin-top: 3px; font-size: 0.92em; font-style: italic; color: var(--muted); }

@media (max-width: 780px) {
  /* the drawing keeps its strip; the words beneath it stand one under another, each by its part of the sky */
  .pl-sky-c { height: 5.4rem; }
  .pl-sky-n { top: 0.3rem; left: 0.4rem; font-size: 1.1rem; }
  .pl-dks { grid-template-columns: minmax(0, 1fr); }
  .pl-dk, .pl-dk + .pl-dk { margin-top: 14px; padding: 2px 0 2px 14px; border-left: 6px solid var(--sky); }
  .pl-dk-t { margin-bottom: 6px; font-size: 1.35rem; }
  .pl-dk-notes { margin-top: 24px; }
  .pl-dk-notes p, .pl-dk-notes p.bt-caution { text-align: left; text-align-last: auto; }

  /* the chart: the three ways across the top, each round's name above its three, the sign and the tenth across */
  .pl-week-h, .pl-round { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 6px; }
  .pl-week-h > .pl-week-c:first-child { display: none; }
  .pl-week-c { text-align: center; }
  .pl-week-c b { font-size: 0.86rem; letter-spacing: 0.05em; }
  .pl-long, .pl-week-c small { display: none; }
  .pl-short { display: inline; }
  .pl-round { row-gap: 6px; padding: 2px 0 8px; }
  .pl-round-k { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.5em; padding: 8px 2px 0; line-height: 1.3; }
  .pl-round-k b { font-size: 0.92rem; }
  .pl-round-k small { margin: 0; font-size: 0.82rem; }
  .pl-cell { grid-template-columns: minmax(0, 1fr); align-content: start; justify-items: center; row-gap: 6px; padding: 10px 2px 11px; text-align: center; }
  .pl-cell-t { font-size: 1.04rem; }
  .pl-cell-s { display: none; }
  .pl-end { padding: 2rem 10px 0.9rem; }
  .pl-end .pl-cell-t { font-size: 1.4rem; }
  .pl-end .pl-cell-s { display: block; font-size: 0.88rem; }
  .pl-n { width: 2.3rem; height: 2.3rem; font-size: 1.12rem; }

  /* the study: the four sections one beneath another */
  .pl-facts { margin-top: -8px; font-size: 0.9rem; }
  .pl-key { gap: 5px 6px; margin-bottom: 28px; }
  .pl-chip { gap: 5px; min-height: 2rem; padding: 2px 8px; font-size: 0.84rem; }
  .pl-says { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pl-detail .bt-caution { text-align: left; text-align-last: auto; }

  /* the table of words: each word by its short name, the plagues' numbers across, the marks small */
  table.pl-lg { border-spacing: 1px; }
  table.pl-lg col.pl-col-r { width: 4.5rem; }
  table.pl-lg col.pl-col-tot { width: 1.9rem; }
  table.pl-lg .lg-full, .pl-lg-by { display: none; }
  table.pl-lg .lg-abbr { display: inline; }
  table.pl-lg tbody th { padding-right: 2px; }
  .pl-lg-k { gap: 4px; padding: 2px 0; font-size: 0.74rem; letter-spacing: 0; }
  .pl-lg-k .pl-sw { width: 0.7em; height: 0.7em; }
  .pl-lg-p { min-height: 1.9rem; font-size: 0.92rem; }
  /* two or three marks stand two to a line where the column is narrow */
  .lg-cell.pl-lg-cell { flex-wrap: wrap; align-content: center; gap: 0; min-height: 26px; padding: 2px 0; line-height: 1; }
  .lg-cell.pl-lg-cell .vi { font-size: 0.68rem; line-height: 1.05; }
  table.pl-lg .lg-empty { height: 26px; }
  .pl-lg-tot { font-size: 0.98rem; }
  table.pl-lg thead th.lg-genh, table.pl-lg thead th.pl-lg-toth { font-size: 0.68rem; letter-spacing: 0; }
}

@media (prefers-reduced-motion: reduce) { .pl-m, .pl-n, .pl-cell, .pl-end { transition: none; } }
@media print { .pl-key { display: none; } .pl-sky-c, .pl-cell.pl-night, .pl-end.foot { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }

/* as Psalm 105 sings them: the table, and the note on each plague's page */
table.pl-pst tbody td:nth-of-type(1) { font-style: italic; color: var(--muted); white-space: nowrap; }
table.pl-pst tbody td:last-child { white-space: normal; }
.pl-psalm { margin-top: 26px; }