.wrap {
	width: var(--wrap);
	margin: auto;
}

/* Verticale ruimte, centraal geregeld (sectie 9.5) — blokken corrigeren elkaar
   nooit met negatieve marges of selectors op vorige/volgende secties. */
.section {
	padding: var(--section) 0;
}

.section--compact {
	padding: var(--space-compact) 0;
}

.section--normal {
	padding: var(--space-normal) 0;
}

.section--large {
	padding: var(--space-large) 0;
}

.section--soft {
	background: var(--soft);
}