/* =========================================================================
 * Map Split 001 — Map Beside Distances and Tips
 *
 * The block's two columns, 1.1 : 1. The map fills a rounded frame; the
 * distances are rows with the figure pushed right and a fading hairline.
 * ========================================================================= */

.map-split-001 .map-split-001__inner {
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	column-gap: 7%;
	align-items: stretch;
}

.map-split-001__map {
	min-height: 26rem;
	height: 100%;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--color-surface);
}

.map-split-001__map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 26rem;
	border: 0;
	filter: saturate(0.7);
}

.map-split-001__copy > * {
	margin-block: 0;
}

.map-split-001__copy h2 {
	margin-block: var(--space-sm) var(--space-md);
}

.map-split-001__distances {
	margin: var(--space-md) 0 !important;
	padding: 0;
	list-style: none;
}

.map-split-001__distances li {
	display: flex;
	justify-content: space-between;
	gap: var(--space-sm);
	margin: 0;
	padding-block: var(--space-xs);
	background: var(--fade-rule) bottom / 100% 1px no-repeat;
}

.map-split-001__distances strong {
	font-weight: 500;
	white-space: nowrap;
}

.map-split-001__tips-title.map-split-001__tips-title {
	margin: var(--space-md) 0 var(--space-xs);
	font-size: var(--heading-4);
}

@media (max-width: 48rem) {
	.map-split-001 .map-split-001__inner {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--space-lg);
	}

	.map-split-001__map,
	.map-split-001__map iframe {
		min-height: 20rem;
	}
}