@layer pages {
  .leaderboard-page { max-width: 84rem; }
  .leaderboard-table { min-width: 46rem; }
  .leaderboard-table tbody tr:nth-child(-n + 3) .rank-marker { background: var(--warning-soft); border-color: var(--warning-strong); color: var(--warning-strong); }
  .leaderboard-table tbody tr:nth-child(-n + 3) .model-link, .leaderboard-table tbody tr:nth-child(-n + 3) .rating-cell { font-weight: var(--weight-bold); }
  .model-page { max-width: 70rem; }
  @media (max-width: 39.999rem) {
    .leaderboard-page { padding-inline: var(--space-3); }
    .leaderboard-page .page-header { align-items: stretch; }
    .leaderboard-page .page-header__actions, .leaderboard-page .page-header__actions .button { width: 100%; }
    .leaderboard-table { min-width: 0; table-layout: fixed; }
    .leaderboard-page .data-scroller { overflow-x: hidden; }
    .leaderboard-table th:first-child, .leaderboard-table td:first-child { width: 3rem; }
    .leaderboard-table th:nth-child(3), .leaderboard-table td:nth-child(3) { width: 5rem; }
    .model-link { overflow-wrap: anywhere; }
  }
}