/* Public track record page. Builds on /status/status.css (same tokens and components). */
.lede { color: var(--ink-2); max-width: 70ch; margin: 0 0 20px; }
.num { text-align: right; font-variant-numeric: tabular-nums; }
.sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.how { color: var(--ink-2); padding-left: 18px; }
.how li { margin: 6px 0; }
.verdict-better { color: var(--g); }
.verdict-worse { color: var(--amber); }
.state[data-state="few"] .dot { background: var(--amber); }
.state[data-state="ok"] .dot { background: var(--g); }
/* Narrow screens: tables keep a readable width and scroll inside their container (WCAG 1.4.10 allows this for data tables). */
@media (max-width: 680px) { .tw table { min-width: 560px; } }