/* Season awards: tabbed top-10 races, winner tiles, and the Q / E marks on points tables. */
.awards-card { --orange: #e0770f; --purple: #7a3fd0; --six: #3d8fe0; --emerging: var(--c-grass); min-width: 0; }
.race-tabs { display: flex; flex-wrap: wrap; gap: 2px; padding: 2px; background: var(--surface-2); }
.race-tab {
  flex: 1 1 auto; min-height: 40px; padding: var(--s2) var(--s3); border: 0; border-radius: var(--r-small);
  background: transparent; color: var(--fg-2); font: 600 var(--t-micro)/1.2 var(--font-micro); text-transform: uppercase;
  letter-spacing: .04em; cursor: pointer; white-space: nowrap;
}
.race-tab:hover { color: var(--fg); }
.race-tab[aria-selected='true'] { background: var(--race, var(--c-paper)); color: #111; }
.race-tab:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.race-tab-orange { --race: var(--orange); }
.race-tab-purple { --race: var(--purple); }
.race-tab-purple[aria-selected='true'] { color: #fff; }
.race-tab-mvp { --race: var(--c-paper); }
.race-tab-six { --race: var(--six); }
.race-tab-emerging { --race: var(--emerging); }
.race-panel { display: grid; gap: var(--s2); padding-top: var(--s3); min-width: 0; }
.race-wrap { overflow-x: auto; max-width: 100%; }
.race { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.race th, .race td { padding: var(--s1) var(--s2); text-align: right; white-space: nowrap; border-bottom: 1px solid var(--line); }
.race thead th { font: 600 var(--t-micro)/1.3 var(--font-micro); color: var(--muted); text-transform: uppercase; border-bottom-color: var(--c-paper); }
.race th:nth-child(-n+3), .race td:nth-child(-n+3) { text-align: left; }
.race tbody th { font-weight: 400; }
.race tr.is-winner th, .race tr.is-winner td { background: var(--surface-2); }
.cap { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: var(--s2); background: var(--c-paper); vertical-align: 0; }
.cap-orange { background: var(--orange); }
.cap-purple { background: var(--purple); }
.cap-six { background: var(--six); }
.cap-emerging { background: var(--emerging); }
.award-tiles { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: var(--s3); }
.award-six { --award: #3d8fe0; }
.award-emerging { --award: var(--c-grass); }
.award-fair { --award: var(--c-paper-3); }

.q-mark {
  display: inline-grid; place-items: center; min-width: 18px; padding: 1px 4px; margin-left: var(--s2); border-radius: var(--r-small);
  font: 700 11px/1.2 var(--font-micro); text-decoration: none; cursor: help;
}
.q-mark-q { background: var(--good); color: #111; }
.q-mark-e { border: 1px solid var(--bad); color: var(--bad); }
.q-legend { margin-top: var(--s2); }
.q-legend b { font-weight: 700; }
@media (max-width: 520px) {
  .race-tab { flex: 1 1 30%; padding-inline: var(--s2); }
  .race th, .race td { padding-inline: var(--s1); }
}