/* Hallmark · shape: Index-First · genre: editorial · theme: custom (design.md) · job: attend · idea: "Every result book in the archive, year by year, one click from the file." · vibe: "arena-dark, poster-loud, scoreboard-exact"
 * paper: oklch(98.5% 0.004 91.4) · accent: oklch(43.3% 0.178 29.2) · display: Barlow Condensed 800 · body: Inter · hero: poster, the lead story's photograph full-bleed with the head low-left; the live centre while a championship runs · nav: slab, a red bar on a yellow rule · footer: mast, the logo large over the offices · imagery: photographs, AWF's own · signature: the results desk, medals set like a scoreboard
 * axes: warm-paper/condensed-caps/red-yellow · posture: full palette · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3 · weakest: V, the archives share the results centre's arena head and the house hairline rows; each year is set as a giant numeral that stays beside its books while they scroll, so the archive reads as a ledger of years rather than a list of links */

/* Loaded on the results archive pages under /results/ only, after events.css (inc/results.php). */
/* ---------- Results archives: /results/asian-championships/ and /results/asian-games/ ---------- */
.ra-head__inner { display: grid; justify-items: start; gap: var(--space-lg); }
.ra-head__lead { max-width: 60ch; }
.ra-now { padding-block: var(--space-2xl) var(--space-3xl); border-top: 1px solid var(--color-arena-3); }
.ra-now__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: var(--space-2xl); }
.ra-now__inner--solo { grid-template-columns: minmax(0, 1fr); }
.ra-now__text { display: grid; justify-items: start; gap: var(--space-lg); }
.ra-now__title { max-width: 16ch; }
.ra-now__state { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); color: var(--color-on-arena-2); }
.ra-now__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md) var(--space-xl); }
.ra-now__medals { min-width: 0; }
.ra-now__subtitle { max-width: none; margin-bottom: var(--space-md); font: 800 var(--text-2xl)/1.05 var(--font-display); text-transform: uppercase; }
.ra-years { padding-block: var(--space-2xl) var(--section-gap-s); }
.ra-index { margin-bottom: var(--space-xl); }
.ra-index__list { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin: 0; padding: 0; list-style: none; }
.ra-index__link { display: inline-flex; align-items: center; justify-content: center; min-width: 4.5rem; min-height: 44px; padding: 0 var(--space-sm); border: 1px solid var(--color-rule); color: inherit; font: 800 var(--text-xl)/1 var(--font-display); font-variant-numeric: tabular-nums; text-decoration: none; transition: transform var(--dur-micro) var(--ease-out); }
.ra-index__link:hover { border-color: var(--color-ink); }
.ra-index__link:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.ra-index__link:active { transform: translateY(1px); }
.ra-list { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--color-ink); }
/* A year link (#year-2024) lands 24px under the header through the page's scroll-padding-top (base.css); the
   numeral then stays beside its books 24px under the header, which stays on screen. */
.ra-year { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-2xl); padding-block: var(--space-xl) var(--space-2xl); border-bottom: 1px solid var(--color-rule); }
.ra-year__num { position: sticky; top: calc(var(--masthead-top) + var(--masthead-h) + var(--space-lg)); align-self: start; max-width: none; font-size: var(--text-display); line-height: 0.9; font-variant-numeric: tabular-nums; }
.ra-year__items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--space-xl) var(--space-2xl); }
.ra-champ { display: grid; align-content: start; justify-items: start; gap: var(--space-sm); min-width: 0; }
.ra-champ__title { max-width: none; font: 800 var(--text-2xl)/1.05 var(--font-display); text-transform: uppercase; }
.ra-champ__meta { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-lg); color: var(--color-ink-2); }
.ra-champ__place { color: var(--color-ink); font-weight: 600; }
.ra-champ__hub { margin-top: var(--space-xs); }
.ra-files { justify-self: stretch; display: grid; margin: var(--space-xs) 0 0; padding: 0; list-style: none; border-top: 2px solid var(--color-ink); }
.ra-files__item { border-bottom: 1px solid var(--color-rule); }
.ra-files__link { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2xs) var(--space-md); min-height: 56px; padding-block: var(--space-xs); color: inherit; text-decoration: none; transition: transform var(--dur-micro) var(--ease-out); }
.ra-files__label { font: 600 var(--text-lg)/1.3 var(--font-body); }
.ra-files__meta { display: flex; align-items: center; gap: var(--space-sm); font-size: var(--text-sm); font-variant-numeric: tabular-nums; color: var(--color-ink-2); white-space: nowrap; }
.ra-files__link:hover .ra-files__label { text-decoration: underline; text-decoration-color: var(--color-mark); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
.ra-files__link:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.ra-files__link:active { transform: translateY(1px); }

/* ---------- Responsive ---------- */
@media (max-width: 60rem) {
  .ra-now__inner { grid-template-columns: minmax(0, 1fr); }
  .ra-year { grid-template-columns: minmax(0, 1fr); gap: var(--space-lg); }
  .ra-year__num { position: static; font-size: var(--text-section); }
}
@media (max-width: 40rem) {
  .ra-files__label { font-size: var(--text-md); }
}
@media (prefers-reduced-motion: reduce) {
  .ra-index__link, .ra-files__link { transition: none; }
  .ra-index__link:active, .ra-files__link:active { transform: none; }
}