/* History pages: past seasons, palmarès, club and Lions history. */
.season-nav { display: grid; gap: var(--space-2); margin-block: var(--space-3); }
.season-nav__title { font-size: var(--step--1); color: var(--ink-2); font-weight: 700; margin: 0; }
.season-nav__list { display: flex; gap: var(--space-2); margin: 0; padding: 0 0 var(--space-1); list-style: none; overflow-x: auto; scrollbar-width: thin; }
.season-nav__chip { display: inline-flex; align-items: center; min-block-size: 36px; padding-inline: var(--space-3); border: 1px solid var(--line);
  border-radius: 999px; background: var(--surface); color: var(--ink); font-size: var(--step--1); font-weight: 600; text-decoration: none; white-space: nowrap; }
.season-nav__chip[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.history-champion { margin: 0 0 var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); background: color-mix(in srgb, #D9B24C 16%, var(--surface));
  font-weight: 700; }
.history-more { margin-block: var(--space-3); }
.history-table { inline-size: 100%; border-collapse: collapse; font-size: var(--step--1); }
.history-table th, .history-table td { padding: var(--space-2) var(--space-3); border-block-end: 1px solid var(--line); text-align: start; white-space: nowrap; }
.history-table thead th { color: var(--ink-2); font-weight: 600; }
.history-table tbody th { font-weight: 600; }
.history-table .num { text-align: end; }
.history-table td.num:first-child { text-align: start; }
.history-table__row--muted td { color: var(--ink-2); }
.history-list { display: grid; gap: var(--space-1); margin: 0; padding: 0 var(--space-4) var(--space-3); list-style: none; counter-reset: rank; }
.history-list li { display: flex; justify-content: space-between; gap: var(--space-2); padding-block: var(--space-1); border-block-end: 1px solid var(--line); counter-increment: rank; }
.history-list li::before { content: counter(rank) "."; color: var(--ink-2); min-inline-size: 1.8em; }
.history-list li span { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; }
.history-titles { display: grid; gap: var(--space-3); margin: 0; padding: 0 var(--space-4) var(--space-4); list-style: none; }
.history-titles li { display: grid; gap: 2px; }
.history-titles small { color: var(--ink-2); line-height: 1.6; }
.history-record { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: 0 var(--space-4) var(--space-4); }
.history-record div { background: var(--surface-2); border-radius: var(--radius-m); padding: var(--space-2) var(--space-3); text-align: center; }
.history-record dt { font-size: var(--step--1); color: var(--ink-2); }
.history-record dd { margin: 0; font-size: var(--step-2); font-weight: 800; white-space: nowrap; }
.history-record div:last-child { grid-column: 1 / -1; }
.history-year { border-block-start: 1px solid var(--line); }
.history-year summary { padding: var(--space-3) var(--space-4); cursor: pointer; font-weight: 700; min-block-size: var(--touch, 44px); }
.career-former { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0 var(--space-4) var(--space-4); list-style: none; }
.career-former li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: var(--step--1); }
.career-former small { color: var(--ink-2); }
.card__subtitle { margin: 0; padding: var(--space-2) var(--space-4) var(--space-2); font-size: var(--step--1); color: var(--ink-2); font-weight: 700; }