/* Theologians Press - static, crawlable Biblical Encyclopedia pages
   (/encyclopedia/<slug> and /encyclopedia/letters/<x>).

   Loaded alongside bible-static.css and additive to it: these pages reuse that
   file's palette, nav, crumbs, outline, CTA and pager, and only the pieces that
   have no equivalent there live here. Kept separate so the ~3,900 existing
   static Scripture and Fathers pages are untouched by encyclopedia work. */

/* Headword etymology, e.g. Aaron (lofty, mountain of light). */
.tb-greek {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: .62em;
  color: var(--text-muted);
  font-weight: 400;
  white-space: nowrap;
}

.tb-enc-def p { margin: 0 0 1.1em; }

/* Plates from the 1891 edition. Sized to sit beside the text on a wide screen
   and stack above it on a narrow one, without ever forcing a horizontal scroll. */
.tb-enc-imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 26px;
}
.tb-enc-imgs figure {
  margin: 0;
  max-width: 280px;
  border: 1px solid var(--gold-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg-2);
}
.tb-enc-imgs img { display: block; width: 100%; height: auto; }

/* Verse chips. Each one is a real internal link to the static chapter page,
   which is the whole point of pre-rendering these: the encyclopedia and the
   Scripture pages cross-link instead of sitting in separate silos. */
.tb-enc-cites {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 26px;
}
.tb-enc-cites a {
  display: inline-block;
  padding: 5px 13px;
  border: 1px solid var(--gold-border);
  border-radius: 999px;
  background: var(--bg-2);
  color: var(--gold);
  font-size: .82rem;
  text-decoration: none;
  white-space: nowrap;
}
.tb-enc-cites a:hover { border-color: var(--gold); background: var(--bg-3); }

/* Letter pages: one article per entry, separated by a rule rather than a card,
   so a page of 300 entries still reads as a single reference column. */
.tb-enc-item {
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
}
.tb-enc-item:first-of-type { border-top: 0; }
.tb-enc-item h2 {
  font-family: var(--cinzel);
  font-size: 1.22rem;
  color: var(--gold);
  margin: 0 0 .5em;
  scroll-margin-top: 24px;
}
.tb-enc-item h2 a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--gold-border); }
.tb-enc-item h2 a:hover { border-bottom-color: var(--gold); }
.tb-enc-item p { margin: 0 0 .9em; }

/* Alphabet strip at the top of every letter page. */
.tb-enc-letters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 30px;
}
.tb-enc-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 5px 8px;
  border: 1px solid var(--gold-border);
  border-radius: 6px;
  font-family: var(--cinzel);
  font-size: .9rem;
  color: var(--gold);
  text-decoration: none;
}
a.tb-enc-letter:hover { background: var(--bg-3); border-color: var(--gold); }
.tb-enc-letter.is-current { background: var(--gold); color: var(--bg); border-color: var(--gold); }
/* A letter with nothing translated yet stays visible but inert, so the strip
   does not silently change width between pages. */
.tb-enc-letter.is-empty { color: var(--text-faint); border-color: rgba(255, 255, 255, .06); opacity: .5; }

.tb-chapter-grid small {
  display: block;
  font-size: .68rem;
  color: var(--text-faint);
  font-family: Georgia, serif;
}

@media (max-width: 600px) {
  .tb-enc-imgs figure { max-width: 100%; }
  .tb-enc-item h2 { font-size: 1.1rem; }
}