/* Pestañas de ranking (la pestaña activa usa aria-selected). */
.tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-block: 1rem;
}
.tab-list button {
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: transparent;
}
.tab-list [aria-selected="true"] {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}