:root {
  --comment-bg: light-dark(#f4f1e8, #232a2e);
  --comment-rule: light-dark(#c8bfae, #4a5a63);
}

.intro { max-width: 68ch; color: var(--muted); margin-bottom: 1rem; }
.intro p + p { margin-top: .5rem; }

.section-note { color: var(--muted); margin-bottom: .6rem; max-width: 68ch; }
/* One column, Book, since the "What Holman asks for" one was dropped on
   2026-08-11. Still a grid rather than a bare block so that a second column,
   should one be wanted again, needs only the column count back. */
.summary-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; margin-bottom: 1rem; align-items: start; }

.summary { width: 100%; border-collapse: collapse; background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; table-layout: fixed; }
.summary th, .summary td { text-align: left; padding: .45rem .65rem; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.summary td:last-child { width: 3.2rem; text-align: right; color: var(--muted); }
.summary tr[data-filter-id] { cursor: pointer; }
.summary tr[data-filter-id]:hover { background: var(--hover-bg); }
/* Selected must beat hovered: background is the only signal a row is selected,
   so an equally specific .active rule would leave a click invisible under the
   pointer that made it. */
.summary tr[data-filter-id].active { background: var(--active-bg); }
.summary tr:last-child td { border-bottom: none; }

.record-verse { display: flex; gap: .45rem; flex-wrap: wrap; align-items: baseline; }
.record-verse a { font-size: .8rem; }

.category-badges { display: flex; gap: .35rem; flex-wrap: wrap; margin-left: auto; }
.finding-badge { white-space: nowrap; }
.record-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: .8rem; margin-top: .5rem; }
/* Taamey D, served from this repo rather than asked of the reader's machine, so
   the accents look the same here as they do in the change items this page links
   to, which set their Hebrew in the same font. The rest of the list is the
   fallback for a reader whose browser will not load the woff2. */
.pointed-heb {
  font-family: "Taamey D WOFF2", "SBL Hebrew", "Ezra SIL", "David", "Times New Roman", serif;
  font-size: 20pt;
  line-height: 1.35;
  font-feature-settings: 'ss01'; /* ss01 = xataf qamats qatan */
}
@font-face {
  font-family: "Taamey D WOFF2";
  src: url("woff2/Taamey_D.woff2");
}
.case-fields { display: grid; grid-template-columns: max-content 1fr; gap: .1rem .7rem; }
.case-field { display: contents; }
.case-field dt { color: var(--muted); font-size: .8rem; padding-top: .18rem; white-space: nowrap; }
.case-field dd { padding-top: .1rem; overflow-wrap: anywhere; }
.folio-links { display: block; font-size: .78rem; }
.folio-links a { margin-right: .5rem; }
.case-source { margin-top: .6rem; font-size: .8rem; color: var(--muted); }
.image-panel { border: 1px solid var(--border); border-radius: 6px; background: var(--img-bg); padding: .45rem; align-self: start; }
.image-strip { display: grid; gap: .45rem; }
.image-strip figure { display: grid; gap: .15rem; }
.image-thumb { display: block; max-width: 100%; height: auto; border: 1px solid var(--border); border-radius: 4px; background: var(--card-bg); }
.no-image { font-size: .8rem; color: var(--muted); }
.commentary { margin-top: .7rem; border-top: 1px solid var(--border); padding-top: .55rem; }
.comment { background: var(--comment-bg); border-left: 3px solid var(--comment-rule); border-radius: 0 6px 6px 0; padding: .45rem .65rem; }
.comment + .comment { margin-top: .45rem; }
.comment-byline { font-size: .75rem; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.source-emails { display: grid; gap: .65rem; }

.source-email h3 { font-size: 1rem; }
.email-headers { font-size: .8rem; color: var(--muted); }
.case-link.unreachable { color: var(--muted); text-decoration: line-through; pointer-events: none; }
.email-prose { margin-top: .45rem; max-width: 68ch; }
.email-file { margin-top: .45rem; font-size: .78rem; color: var(--muted); }
@media (max-width: 850px) {
  .record-grid { grid-template-columns: 1fr; }
  .category-badges { margin-left: 0; }
}
/* Below about 400px the label column costs a case's long Critical Note more
   lines than stacking does, so the labels go above their values. */
@media (max-width: 400px) {
  .case-fields { grid-template-columns: 1fr; }
  .case-field dt { padding-top: .35rem; }
}
.cat-book-exodus { background: #1f5f8b; }
.cat-book-levit { background: #2e8b57; }
.cat-book-deuter { background: #a2472f; }
.cat-book-joshua { background: #6a4c93; }
.cat-book-judges { background: #7a5f00; }
.cat-book-1samuel { background: #3e6b7f; }
.cat-book-2samuel { background: #8b3a62; }
.cat-book-jeremiah { background: #4f6d2e; }
.cat-book-ezekiel { background: #505c91; }
.cat-book-hosea { background: #9c4a22; }
.cat-book-amos { background: #1d6f6f; }
.cat-book-obadiah { background: #7b4b8a; }
.cat-book-micah { background: #8a5a1f; }
.cat-book-zechariah { background: #3c5f3c; }
.cat-book-psalms { background: #93334a; }
.cat-book-proverbs { background: #2f5d8f; }
.cat-book-job { background: #6b6320; }
.cat-book-esther { background: #7a3a2a; }
.cat-book-daniel { background: #3f5a75; }
.cat-book-ezra { background: #5c4a8c; }
.cat-book-nehemiah { background: #1f5f8b; }
.cat-book-1chronicles { background: #2e8b57; }
.cat-book-2chronicles { background: #a2472f; }