.kst-section {
	padding-block: var(--kst-section-space);
}

.kst-section--compact {
	padding-block: var(--kst-section-space-sm);
}

.kst-section--muted {
	background: var(--kst-color-bg);
}

.kst-container {
	width: min(100% - (var(--kst-gutter) * 2), var(--kst-container));
	margin-inline: auto;
}

.kst-text-center {
	text-align: center;
}

.kst-text-muted {
	color: var(--kst-color-text-muted);
}

.kst-text-navy {
	color: var(--kst-color-primary);
}

.kst-flow > * + * {
	margin-top: 1rem;
}

.kst-grid {
	display: grid;
	gap: 1.5rem;
}

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

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

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

@media (max-width: 991.98px) {
	.kst-grid--3,
	.kst-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.kst-container {
		width: min(100% - (var(--kst-gutter-mobile) * 2), var(--kst-container));
	}

	.kst-grid--2,
	.kst-grid--3,
	.kst-grid--4 {
		grid-template-columns: 1fr;
	}
}