/**
 * Homepage section: What We Cover.
 *
 * Three items, no card chrome, no borders, no shadows. Separation comes from
 * whitespace alone, which keeps this distinct from Browse by Location (text
 * tiles with top rules) and Popular (thumbnail rows) directly above it.
 *
 * The icons are supplied artwork in their own colours, so they are kept small
 * and given no tinted container: at 64px they read as a small graphic marker
 * rather than competing with the page palette.
 *
 * Everything else comes from existing primitives (.ha-grid, .ha-h3, .ha-body).
 *
 * Loaded on the homepage only, enqueued by inc/home-features.php.
 *
 * @package GeneratePress_Child
 */

/* Three across on desktop, two at tablet, one on mobile. */
.ha-features {
	--ha-grid-min: 15rem;
	align-items: start;
}

.ha-feature {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.ha-feature__icon {
	display: block;
	width: 4rem;
	height: auto;
}

.ha-feature__title {
	margin: 0;
}

.ha-feature__text {
	margin: 0;
	max-width: 34ch;
}