/* ==========================================================================
   History page: dated rows between the three USGS Somerset quadrangles and
   the sectional. Only what styles.css does not already give the page.
   ========================================================================== */

/* The founding ledger: the claim in text, its source hung beneath in mono.
   Fixed layout so a long source token wraps inside the board instead of
   widening the table past it on a phone. */
.hist-ledger { table-layout: fixed; }
.hist-ledger th { width: 6.5rem; white-space: nowrap; }
.hist-ledger .src { display: block; margin-top: .3rem; font-family: var(--font-mono); font-size: .74rem; letter-spacing: .01em; color: var(--paint-soft); overflow-wrap: anywhere; }
@media (min-width: 720px) { .hist-ledger th { width: 7.5rem; } }

/* Timeline rows: a reading measure for the notes; the source may wrap. */
.hist-rows .row__what { max-width: 70ch; }
.hist-rows .row__note { max-width: 62ch; }
.hist-rows .row__meta { white-space: normal; line-height: 1.4; overflow-wrap: anywhere; }
@media (min-width: 720px) {
  .hist-rows .row__meta { max-width: 14rem; text-align: right; }
}

/* The maps: the full width of the column, caption then credit, framed white on the wall. */
.hist-fig { margin-top: clamp(1.75rem, 3.5vw, 2.75rem); }
.hist-fig figcaption { max-width: 68ch; }
.hist-fig .credit { display: block; margin-top: .35rem; }
.hist-fig + .hist-rows { margin-top: clamp(1.75rem, 3.5vw, 2.75rem); }
.wall .hist-fig img { border-color: var(--board); }
.wall .hist-fig figcaption { color: var(--on-navy-soft); }

/* Pullouts: a biography and a quotation, without the browser's blockquote margins. */
.hist-pull { margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; max-width: 60ch; }
.hist-pull p { max-width: none; color: inherit; }
.wall .pullout { border-color: var(--on-navy); color: var(--on-navy); }
.wall .pullout cite { color: var(--on-navy-soft); }