/**
 * NH Makelaar — Layout and spacing
 */
.nh-container {
	width: 100%;
	max-width: var(--nh-container-width);
	margin: 0 auto;
	padding-left: var(--nh-container-padding);
	padding-right: var(--nh-container-padding);
}

.nh-section-header {
	text-align: center;
	margin-bottom: var(--nh-space-8);
}

.nh-section-header h2 {
	margin-bottom: var(--nh-space-3);
	font-size: var(--nh-font-size-xl);
}

.nh-section-header p {
	color: var(--nh-color-text-muted);
	font-size: var(--nh-font-size-md);
	margin-bottom: 0;
}

.nh-grid {
	display: grid;
	gap: var(--nh-space-6);
}

.nh-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.nh-grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.nh-grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.nh-flex {
	display: flex;
	gap: var(--nh-space-4);
}

.nh-flex-wrap {
	flex-wrap: wrap;
}

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

.nh-section-alt {
	background-color: var(--nh-color-background-alt);
}