.c-stats-row {
	background: var(--sr-bg);
}

.c-stats-row__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--spacing-col);
	margin-block: 0;
	padding-block: var(--block-spacing-top, var(--spacing-lg)) var(--block-spacing-bottom, var(--spacing-lg));
	list-style: none;
}

.c-stats-row__item {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}

.c-stats-row__figure {
	margin: 0;
	color: var(--color-navy);
	font-weight: var(--weight-bold);
}

.c-stats-row__label {
	margin: 0;
	color: var(--color-text);
}

.c-stats-row--on-dark .c-stats-row__figure,
.c-stats-row--on-dark .c-stats-row__label {
	color: var(--color-white);
}

@media (width < 768px) {
	.c-stats-row__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--spacing-lg) var(--spacing-col);
	}

	.c-stats-row__item {
		gap: var(--spacing-sm);
	}
}