/*
  Vacancies grid — only the GRID lives here; each card is the shared .tile
  (.tile--vacancy, components/tile.css). Uniform white cards (no large
  "featured" tile), width set by the page-builder row. Tiles don't link to a
  single view; the interactive part is the "Lees meer" disclosure that reveals
  the post content after its first sentence (assets/js/tile.js).
*/

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

/* The card itself — media, body, title/hours, excerpt, the "Lees meer"
   disclosure and the "Neem contact op" button — is the shared .tile /
   .tile--vacancy; see components/tile.css. */