/*
 * Seitenweite Layout-Primitive (Content-Breite, Section-Rhythmus). Kein
 * eigenständiges "Standard-Inhaltselement" aus der Komponenten-Bibliothek
 * (CLAUDE.md Abschnitt 11.4), sondern die Grundlage, auf der alle Komponenten
 * aufbauen – wird deshalb in base/ geführt, nicht in components/.
 */
.wrap {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 32px;
}

section {
	padding: 88px 0;
}

section.tint {
	background: var(--tint-green);
}

/* Breakpoint 880px – siehe CLAUDE.md Abschnitt 11.3 (mobile Navigation) */
@media (max-width: 880px) {
	.wrap {
		padding: 0 20px;
	}

	section {
		padding: 56px 0;
	}
}