/**
 * Services overview page styles.
 * Page hero/breadcrumb come from about.css; cards from home.css.
 */

.services-overview-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
}

/* Supports additional future service cards without a new layout. */
.services-overview-grid[data-count="1"] {
	grid-template-columns: 1fr;
	max-width: 560px;
}

.services-overview-grid[data-count="3"],
.services-overview-grid[data-count="4"],
.services-overview-grid[data-count="5"],
.services-overview-grid[data-count="6"] {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

@media (max-width: 900px) {
	.services-overview-grid {
		grid-template-columns: 1fr;
	}

	.services-overview-grid[data-count="1"] {
		max-width: none;
	}
}