/*
 * /teams/ – die Übersicht aller Mannschaften (archive-fsv_team.php).
 *
 * Nur zwei Dinge, die style.css bewusst nicht regelt, weil sie sonst überall
 * gälten:
 *
 * 1. auto-fill statt auto-fit. Mit auto-fit ziehen sich die Kacheln einer
 *    Gruppe über die volle Breite, wenn wenige da sind – gemessen am
 *    07.09.2026: Senioren 4 Kacheln à 318 px, Junioren 5 à 250 px, und die
 *    einzige Kachel unter „Frauen & Juniorinnen“ lief über 1330 px und sah
 *    aus wie ein Werbebanner. Auf einer Seite mit vier Gruppen untereinander
 *    springt damit die Kachelgröße mitten im Scrollen. auto-fill lässt die
 *    leeren Spalten stehen, die Kachel behält ihr Maß.
 * 2. Die Sprungknöpfe oben stehen nebeneinander und brechen um.
 */

.teams-archiv .team-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));
}

/* Ab hier passen keine drei Kacheln mehr nebeneinander; wie in style.css. */
@media (max-width: 560px) {
  .teams-archiv .team-grid { grid-template-columns: 1fr 1fr; }
}

.teams-archiv__sprung {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin-top: var(--sp-4);
}

/* Der Zähler sitzt sonst zu eng am Wort und erbt die Farbe der Chips. */
.teams-archiv__sprung .filter-chip__n { margin-left: .35em; }