/* ============================================================================
   Hebrew Explorer — reader.css
   The reading surface. Frank Ruhl Libre set at a generous size and measure;
   verse numbers in tekhelet; tagged words carry a gilt underline that reads
   as "there's more here" without shouting over the text.
============================================================================ */
.reader {
  max-width: var(--measure);
  margin: 0 auto;
  padding: 22px 22px calc(var(--nav-h) + 36px);
}

.chapter-head { margin: 6px 0 18px; }
.chapter-title {
  font-family: var(--serif); font-weight: 700;
  font-size: clamp(1.7rem, 5.2vw, 2.3rem); letter-spacing: -0.015em;
  color: var(--ink); margin: 0 0 2px;
}
.chapter-trans { font-size: 12.5px; text-transform: uppercase; letter-spacing: .12em; color: var(--gilt); font-weight: 700; }

.chapter-body {
  font-family: var(--serif);
  font-size: clamp(1.12rem, 1rem + 0.7vw, 1.32rem);
  line-height: 1.85;
  color: var(--ink);
}

/* Verses flow as a continuous passage (paragraph-per-verse but tight gaps,
   the way a reading Bible sets prose). */
.verse { margin: 0 0 0.15em; text-indent: 0; }
.vnum {
  font-family: var(--sans); font-weight: 700; font-size: 0.66em;
  color: var(--tekhelet); vertical-align: 0.35em;
  margin-right: 0.15em; user-select: none;
}

/* Tagged (Strong's) words — e-Sword style: the word reads plainly; the
   Strong's number trails it as a small superscript and is the click target. */
.is-tagged .supplied { font-style: italic; color: var(--ink-soft); }
.is-tagged .snum {
  font-family: var(--sans);
  font-size: 0.56em; font-weight: 700;
  color: var(--gilt);
  cursor: pointer;
  margin: 0 1px 0 2px;
  vertical-align: super; line-height: 0;
  text-decoration: none; white-space: nowrap;
}
.is-tagged .snum:hover  { color: #87571f; text-decoration: underline; }
.is-tagged .snum:active { color: #6f4717; }

/* Verse flash when arriving via a verse-specific link */
.verse.flash {
  animation: verseflash 1.6s ease;
  border-radius: 6px;
}
@keyframes verseflash {
  0%   { background: rgba(47, 90, 160, 0.16); box-shadow: 0 0 0 6px rgba(47,90,160,0.16); }
  100% { background: transparent; box-shadow: 0 0 0 6px transparent; }
}

/* A touch more room to breathe on large screens */
@media (min-width: 720px) {
  .reader { padding-top: 32px; }
  .chapter-body { line-height: 1.9; }
}

/* Original-language reading (Hebrew / Greek translations) */
.chapter-body.is-original {
  font-size: clamp(1.4rem, 1.05rem + 1.4vw, 1.75rem);
  line-height: 2;
}
.chapter-body.is-original .verse { margin-bottom: 0.35em; }
.chapter-body.is-original[dir="rtl"] .vnum { margin: 0 0 0 0.2em; }
.oword { border-radius: 3px; transition: color .12s, background .12s; }
.oword.tap { cursor: pointer; }
.oword.tap:hover { color: var(--gilt); background: rgba(169,116,47,0.10); }