/**
 * Page cards: `grid gap-6 sm:grid-cols-2 lg:grid-cols-3`, `mt-10` under the
 * header, also under an intro (the frame's otherwise `mt-12`).
 */

.sba-c-page-cards .sba-c-page-cards-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}

.sba-c-page-cards .sba-c-section-header + .sba-c-page-cards-grid {
	margin-top: 40px;
}

@media (min-width: 640px) {
	.sba-c-page-cards .sba-c-page-cards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.sba-c-page-cards .sba-c-page-cards-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}