/*
 * THE AU/NZ TRACK LIST (/tracks/list, SEO round 7, 23 Oct 2026).
 *
 * Loaded after tracks.css, on this page only. One table per state: a venue's name heads its layout rows, the
 * figures sit in tabular numerals, and on a phone each layout reads as a short label-and-value card, as the
 * layout and hub tables do (tracks.css), so nothing scrolls sideways. Hairlines only, no boxes.
 */
.dataset .methods p, .dataset .methods li { max-width: 72ch; }
.data-table { width: 100%; font-size: 14.5px; }
.block .table-wrap .data-table { max-width: none; }
.data-table thead th:not(:first-child), .data-table tbody td { white-space: nowrap; }
.data-table tbody th { font-weight: 500; }
.data-table tr.venue th { padding-top: 22px; border-bottom-color: var(--ink); font-weight: 600; white-space: normal; }
.data-table tr.venue th > a { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-size: 19px; color: var(--ink); text-underline-offset: 3px; }
.data-table tr.venue th > a:hover { color: var(--accent); }
.data-table tr.venue span { margin-left: 8px; color: var(--muted); font-size: 13.5px; font-weight: 500; }
.data-table tr.venue span a { color: var(--accent); }
.data-table .row-note { display: block; max-width: 40ch; margin-top: 2px; color: var(--muted); font-size: 13px; font-weight: 400; }
@media (max-width: 640px) {
  .data-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .data-table, .data-table :is(tbody, tr, th, td) { display: block; width: 100%; }
  .data-table tr { padding: 10px 0; border-bottom: 1px solid var(--rule); }
  .data-table tbody :is(th, td) { padding: 2px 0; border: 0; }
  .data-table tbody td { display: flex; justify-content: space-between; gap: 16px; white-space: normal; text-align: right; }
  .data-table tbody td::before { content: attr(data-label); color: var(--muted); text-align: left; }
  .data-table tbody th { padding-bottom: 4px; font-weight: 600; }
  .data-table tr.venue { padding: 20px 0 6px; border-bottom: 1px solid var(--ink); }
  .data-table tr.venue th { padding: 0; border: 0; }
  .data-table tr.venue span { display: block; margin: 2px 0 0; }
  .data-table caption { display: block; width: auto; }
  .data-table td.empty { display: none; }
}
