.standings-table {
    border: 1px solid var(--color-border); border-radius: var(--radius-card);
    background: var(--color-card-bg); box-shadow: var(--shadow-card); overflow: hidden;
  }
  .srow {
    display: grid; grid-template-columns: 56px minmax(0, 1fr) 70px 90px;
    align-items: center; padding: 0 20px; column-gap: 12px;
  }
  .srow.shead {
    background: var(--color-surface-light); padding: 14px 20px; font-size: 12px; font-weight: 600;
    letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-text-muted);
  }
  .srow.sdata {
    border-top: 1px solid var(--color-border); padding: 13px 20px; cursor: pointer;
    transition: background .12s; color: inherit; text-decoration: none;
  }
  .srow.sdata:hover { background: var(--color-surface-light); color: inherit; }

  .rank {
    font-size: 15px; font-weight: 700; color: var(--color-text-secondary);
    width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 9px;
  }
  .rank.top-1 { background: var(--color-rank-gold-tint); color: var(--color-rank-gold); }
  .rank.top-2 { background: var(--color-rank-silver-tint); color: var(--color-rank-silver); }
  .rank.top-3 { background: var(--color-rank-bronze-tint); color: var(--color-rank-bronze); }

  .race-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
  .race-name {
    font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .race-sub { font-size: 12px; color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rating-value { font-family: var(--font-family-mono); font-weight: 600; font-size: 14.5px; }

  .srow.rating-row { grid-template-columns: minmax(0, 1fr) 90px; }
  .srow.sdata.not-counted { color: var(--color-text-muted); }
  .srow.sdata.not-counted:hover { color: var(--color-text-muted); }
  .srow.sdata.not-counted .race-name { font-weight: 500; }

  @media (max-width: 640px) {
    .srow { grid-template-columns: 40px minmax(0, 1fr) 50px 70px; padding: 12px 14px; column-gap: 8px; }
    .srow.rating-row { grid-template-columns: minmax(0, 1fr) 70px; }
    .srow.shead { padding: 12px 14px; }
  }