/*
  Group tiles — the "Voor groepen" overview ([zorgvrij_groups]). Only the GRID
  lives here; each card is the shared .tile (.tile--group, components/tile.css):
  a white card with a hairline border, the cream .info-box meta, and a primary
  button pinned to the bottom (.tile__link) linking to the page.
*/

.group-grid {
  --tile-width: 20rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--tile-width)), 1fr));
  align-items: stretch;          /* tiles in a row match each other's height */
  gap: var(--space-m);
}