/**
 * Component: Cijfers / impact
 */

.bw-cijfers__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
	gap: var(--bw-grid-gap);
	margin: 0;
}

.bw-cijfers__item {
	display: flex;
	flex-direction: column-reverse; /* waarde boven, label eronder — dt/dd blijft correct */
	gap: var(--bw-space-3xs);
	padding-block-start: var(--bw-space-sm);
	border-block-start: 2px solid var(--bw-accent-text, var(--bw-caramel));
}

.bw-cijfers__value {
	margin: 0;
	font-family: var(--bw-font-heading);
	font-size: var(--bw-text-3xl);
	font-weight: 500;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--bw-surface-text, var(--bw-text));
}

.bw-cijfers__unit {
	font-size: 0.45em;
	letter-spacing: var(--bw-tracking-caps);
	text-transform: uppercase;
	margin-inline-start: 0.2em;
	color: var(--bw-surface-muted, var(--bw-text-muted));
}

.bw-cijfers__label {
	font-size: var(--bw-text-sm);
	line-height: 1.4;
	color: var(--bw-surface-muted, var(--bw-text-muted));
}

.bw-cijfers__source {
	margin-block-start: var(--bw-space-lg);
	font-size: var(--bw-text-sm);
	color: var(--bw-surface-muted, var(--bw-text-muted));
}