/* ===========================================================
   THE STORY IN ORDER — chronological reading section
   Reuses the archaeology / bible-in-history look (story-door cards,
   arch-tag Documented/Debated chips, arch-shows / arch-limits panels).
   Only the chapter-specific blocks below are new.
   =========================================================== */

/* per-era heading reuse .enc-era from archaeology.css */

/* the plain-language verse walk-through */
.chron-walk{
  list-style: none;
  margin: .4rem 0 0;
  padding-left: 1rem;
  border-left: 2px solid rgba(255,255,255,.12);
}
.chron-walk li{ margin: .55rem 0; }
.chron-walk .vv{
  color: #8fb9cf;
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .02em;
}

/* the "how these fit together" notes — parallel / harmony / interleave */
.chron-special{
  background: rgba(255,255,255,.03);
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 10px;
  padding: .7rem .95rem;
  margin-top: .75rem;
  font-size: .93rem;
  line-height: 1.55;
}
.chron-special b{ color: #c69a3e; }

/* disputed-date panel (Hoehner "date by bounds") */
.chron-disputed{
  background: rgba(198,154,62,.06);
  border: 1px solid rgba(198,154,62,.35);
  border-radius: 12px;
  padding: .95rem 1.05rem;
  margin-top: .9rem;
}
.chron-disputed .chron-q{ font-weight: 700; color: #e6c98a; }
.chron-disputed .chron-k{
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #cf7a52;
  font-weight: 700;
  margin-top: .7rem;
}
.chron-disputed ul{ margin: .35rem 0 0; padding-left: 1.1rem; }
.chron-disputed li{ margin: .3rem 0; }
.chron-disputed .chron-our{
  margin-top: .6rem;
  background: rgba(0,0,0,.25);
  border-radius: 8px;
  padding: .55rem .75rem;
}

/* key-verse / so-what line */
.chron-kv{ margin-top: .85rem; }
.chron-kv b{ color: #c69a3e; }

/* the from → to bridge (F. LaGard Smith hand-off) */
.chron-bridge{
  display: flex;
  justify-content: space-between;
  gap: .7rem;
  flex-wrap: wrap;
  font-size: .78rem;
  color: var(--muted, #9aa7b4);
  margin-top: 1rem;
  padding-top: .7rem;
  border-top: 1px dashed rgba(255,255,255,.12);
  opacity: .9;
}
.chron-bridge .chron-bridge-mid{ flex: 1 1 55%; text-align: center; opacity: .85; }

/* era intro blurb on the hub */
.chron-era-span{ color: var(--muted, #9aa7b4); font-size: .82rem; }