/* =====================================
   CONTAINER / LAYOUT BASICS
   ===================================== */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* Standaard sectie spacing (optioneel maar handig) */
.section {
  padding-block: var(--section-pad-y);
}

/* Tekstkolom (voor leesbaarheid bij lange teksten) */
.container-narrow {
  max-width: 760px;
}

/* Klein beetje ademruimte voor secties die “volle breedte” hebben */
.full-bleed {
  width: 100%;
}