.hf-coverage__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 4rem;
	align-items: center;
}

.hf-coverage__map {
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
}

.hf-map {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	overflow: visible;
}

.hf-map__state {
	fill: var(--hf-tint);
	stroke: var(--wp--preset--color--brand-dark);
	stroke-width: 2.5;
	stroke-linejoin: round;
}

.hf-map__halo {
	fill: var(--wp--preset--color--brand);
	opacity: 0.16;
}

.hf-map__hub {
	fill: var(--wp--preset--color--brand);
	stroke: #ffffff;
	stroke-width: 2.5;
}

.hf-map__label {
	fill: var(--wp--preset--color--brand-dark);
	font-family: var(--wp--preset--font-family--body);
	font-size: 14px;
	font-weight: 700;
}

.hf-coverage__copy .hf-section-title {
	margin-bottom: 1.25rem;
}

.hf-coverage__copy > p:not(.hf-eyebrow) {
	color: var(--hf-body-text);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0 0 1rem;
}

.hf-coverage__hubs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem;
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
}

.hf-coverage__hub {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	background-color: #ffffff;
	border: 1px solid var(--hf-border);
	border-left: 4px solid var(--wp--preset--color--brand);
	border-radius: 12px;
	padding: 1.1rem 1.25rem;
}

.hf-coverage__hub strong {
	color: var(--hf-ink);
	font-size: 1rem;
}

.hf-coverage__hub span {
	color: var(--hf-muted);
	font-size: 0.88rem;
	line-height: 1.5;
}

.hf-coverage__more {
	margin-top: 2rem;
}

@media (max-width: 1023px) {
	.hf-coverage__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.5rem;
	}

	.hf-coverage__map {
		max-width: 420px;
	}
}

@media (max-width: 599px) {
	.hf-coverage__hubs {
		grid-template-columns: minmax(0, 1fr);
	}
}