/*
  Offerings ("Boekbaar aanbod") overview — the [zorgvrij_offerings] grid. Only
  the GRID lives here; each card is the shared .tile (.tile--offering,
  components/tile.css): a header (image, chapeau, icon'd duration/price) over a
  "Lees meer" disclosure that reveals the description + an .info-box, with the
  reservation button below the toggle. Mirrors .vacancies.
*/

.offerings-grid {
  --tile-width: 22rem;
  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);
}