/* ==========================================================================
   Lake Cumberland Air Show page. Page-only rules; the system lives in styles.css.
   ========================================================================== */

/* The lineup rows lead with the aircraft or act in the mono column, which needs
   more room than the 7.5rem date column the events rows use. */
@media (min-width: 720px) {
  .lineup-rows .row { grid-template-columns: 9.5rem 1fr auto; }
}
.lineup-rows .row__when { font-size: .9rem; }
.lineup-withdrawn { margin-top: 1rem; font-size: .9rem; line-height: 1.5; color: var(--paint-soft); max-width: none; }
.lineup-withdrawn b { color: var(--paint); font-family: var(--font-display); font-weight: 700; font-size: .95rem; letter-spacing: .05em; text-transform: uppercase; }

/* The editions ledger: four columns on a wide board, the prose column taking the
   room; on a phone each year becomes a block (year and attendance on one line,
   the show and its source beneath) so the page never scrolls sideways. */
.editions .yr { width: 3.4rem; white-space: nowrap; }
.editions .att { width: 7.5rem; white-space: nowrap; padding-left: .9rem; }
.editions .src { width: 12rem; padding-left: 1.1rem; }
.editions td.src { font-size: .74rem; color: var(--paint-soft); line-height: 1.4; }
@media (max-width: 719px) {
  .editions, .editions tbody { display: block; }
  .editions thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .editions tr { display: grid; grid-template-columns: 1fr auto; gap: .2rem .8rem; padding: .85rem 0; border-bottom: 1px solid var(--line); }
  .editions tr:last-child { border-bottom: 0; }
  .editions th, .editions td { display: block; width: auto; padding: 0; border: 0; }
  .editions th.yr { grid-column: 1; grid-row: 1; font-size: 1.05rem; color: var(--paint); }
  .editions td.att { grid-column: 2; grid-row: 1; text-align: right; }
  .editions td.txt, .editions td.src { grid-column: 1 / -1; }
}

/* The quote hangs on the navy wall: white frame, white lettering, its own
   natural height, and no browser blockquote margins. */
#organisers .pullout { margin: 0; align-self: start; border-color: var(--on-navy); color: var(--on-navy); font-size: clamp(1.35rem, 1rem + 1.3vw, 2rem); padding: 1.25rem 1.4rem; }
#organisers .pullout p { margin: 0; color: var(--on-navy); max-width: none; }
#organisers .pullout cite { color: var(--on-navy-soft); margin-top: 1rem; }

/* The imagery credit sits on its own line under the caption. */
.figure figcaption .credit { display: block; margin-top: .35rem; }