.t3c-club-list {
  --t3c-club-accent: #175b4a;
  --t3c-club-ink: #20372f;
  --t3c-club-muted: #576b62;
  --t3c-club-line: #dce5df;
  color: var(--t3c-club-ink);
  background: #fff;
  border: 1px solid var(--t3c-club-line);
  border-radius: .5rem;
  overflow: hidden;
  margin-block: 1.5rem;
}
.t3c-club-list__scroll:focus-visible { outline: 3px solid var(--t3c-club-accent); outline-offset: -3px; }
.t3c-club-list__scroll { overflow-x: auto; overscroll-behavior-inline: contain; }
.t3c-club-list__table { width: 100%; min-width: 560px; border-collapse: separate; border-spacing: 0; font-size: .875rem; font-variant-numeric: tabular-nums; text-align: right; }
.t3c-club-list__table th, .t3c-club-list__table td { padding: .8rem .85rem; border: 0; border-bottom: 1px solid #e8eee9; white-space: nowrap; vertical-align: middle; }
.t3c-club-list__table thead th { background: #f1f7f3; color: var(--t3c-club-muted); font-size: .75rem; font-weight: 700; }
.t3c-club-list__table thead th:nth-child(2), .t3c-club-list__name { text-align: left; }
.t3c-club-list__table tbody th { font-weight: 600; }
.t3c-club-list__table tbody tr { background: #fff; }
.t3c-club-list__table tbody tr:nth-child(even) { background: #fafcfb; }
.t3c-club-list__table tbody tr:hover { background: #edf5ef; }
.t3c-club-list__rank { color: var(--t3c-club-muted); }
.t3c-club-list__table .t3c-club-list__name { position: sticky; left: 0; z-index: 1; background: inherit; box-shadow: 1px 0 0 var(--t3c-club-line); }
.t3c-club-list__notice { margin: 1rem 1.75rem; padding: .9rem 1rem; border-inline-start: 3px solid #a06a12; background: #fff8e9; color: #69490f; line-height: 1.5; }
.t3c-club-list__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
  .t3c-club-list__notice { margin-inline: 1.2rem; }
}
@media print {
  .t3c-club-list { overflow: visible; border: 0; }
  .t3c-club-list__scroll { overflow: visible; }
  .t3c-club-list__table { min-width: 0; font-size: 8pt; }
  .t3c-club-list__table th, .t3c-club-list__table td { padding: .3rem; }
  .t3c-club-list__table .t3c-club-list__name { position: static; }
}

.t3c-club-list__table tbody .is-sorted { color: var(--t3c-club-accent); font-weight: 700; background: #edf5ef; }
.t3c-club-list__table thead .is-sorted { color: var(--t3c-club-accent); box-shadow: inset 0 -3px var(--t3c-club-accent); }
.t3c-club-list__table thead th:has(button) { padding: 0; }
.t3c-club-list__sort { display: block; width: 100%; border: 0; border-radius: 0; margin: 0; padding: .8rem .85rem; background: transparent; color: inherit; font: inherit; text-align: inherit; white-space: nowrap; cursor: pointer; }
.t3c-club-list__sort::after { content: ' ↕'; opacity: .5; }
[aria-sort="ascending"] > .t3c-club-list__sort::after { content: ' ↑'; opacity: 1; }
[aria-sort="descending"] > .t3c-club-list__sort::after { content: ' ↓'; opacity: 1; }
.t3c-club-list__sort:hover { background: #e5efe8; }
.t3c-club-list__sort:focus-visible { outline: 2px solid var(--t3c-club-accent); outline-offset: -3px; }
