/*
 * Creditcrest Research — tables on the pieces written by hand (10 October
 * 2026): on a phone each row becomes a card, every cell under its column's
 * name (the cell's data-label), so no table is wider than the screen.
 * A file rather than a <style> block, because the site's content-security
 * policy (style-src 'self') refuses inline styles.
 */
.rs-scroll { max-width: 100%; overflow-x: auto; margin: 0 0 18px; }
.rs-body .rs-table td, .rs-body .rs-table th { text-align: left; }
.rs-body .rs-table td.rs-n { text-align: right; white-space: nowrap; }
.rs-body .rs-table thead th.rs-n { text-align: right; }
/* A table of marks (▲ ▼): each cell kept on one line, the columns closer together. */
.rs-body .rs-marks th, .rs-body .rs-marks td { padding-left: 8px; font-size: 14px; }
.rs-body .rs-marks td { white-space: nowrap; }

@media (max-width: 620px) {
  .rs-body .rs-table thead { display: none; }
  .rs-body .rs-table tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); }
  .rs-body .rs-table th, .rs-body .rs-table td { display: block; border: 0; padding: 2px 0; text-align: left; white-space: normal; }
  .rs-body .rs-table td.rs-n { text-align: left; }
  .rs-body .rs-table td[data-label]::before { content: attr(data-label); display: block; margin-top: 6px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
  .rs-body .rs-table td.rs-n[data-label]::before { display: inline; margin: 0 8px 0 0; }
  /* Short cells (marks, figures, a ranked driver) sit on one line beside their column's name. */
  .rs-body .rs-inline td { display: flex; gap: 12px; align-items: baseline; padding: 3px 0; }
  .rs-body .rs-inline td[data-label]::before { flex: 0 0 11.5em; min-width: 0; margin: 0; }
  .rs-body .rs-inline.rs-rank td[data-label]::before { flex-basis: 1.5em; }
}
.rs-body .rs-table tbody th { font-weight: 600; }
