.srm-map-block {
	--srm-accent: #007c78;
	--srm-surface: #f3f7f7;
	margin-block: 2rem;
}
.srm-map-heading { font-size: 1.35em; font-weight: 650; margin-bottom: .5rem; }
.srm-map { display: block; width: 100%; max-width: 850px; height: auto; margin-inline: auto; }
.srm-map-region { fill: #dce8e7; stroke: #fff; stroke-width: 2; cursor: pointer; }
.srm-map-region path { vector-effect: non-scaling-stroke; transition: fill .15s ease; }
.srm-map-region:hover, .srm-map-region:focus { fill: #9fbfbb; }
.srm-map-region[aria-pressed="true"] { fill: var(--srm-accent); }
.srm-map-region:focus-visible { outline: none; stroke: #172e2d; stroke-width: 3; }
.srm-attribution { display: block; text-align: right; font-size: 11px; color: #526564; margin: .5rem 0 1.25rem; }
.srm-attribution a { color: inherit; }
.srm-tabs { display: flex; flex-wrap: wrap; gap: .5rem; padding-block: .5rem 1.25rem; }
.srm-tabs .srm-tab {
	display: inline-block; padding: .6rem .9rem; border: 1px solid #b9cccc; border-radius: 6px;
	background: var(--srm-surface); color: #1c3635; text-decoration: none; font: inherit; line-height: 1.35;
}
.srm-tabs .srm-tab:hover { background: #dce8e7; }
.srm-tabs .srm-tab[aria-selected="true"] { background: var(--srm-accent); color: #fff; border-color: var(--srm-accent); }
.srm-tab:focus-visible, .srm-panel:focus-visible { outline: 3px solid #172e2d; outline-offset: 3px; }
.srm-map-block .srm-panel { padding: clamp(1rem, 3vw, 2rem); border: 1px solid #dce8e7; border-radius: 8px; margin-bottom: 1rem; }
.srm-map-block .srm-panel[hidden] { display: none !important; }
.srm-region-title { margin-top: 0; }
.srm-region-content > :last-child { margin-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .srm-map-region path { transition: none; } }
@media (forced-colors: active) {
	.srm-map-region { fill: Canvas; stroke: CanvasText; }
	.srm-map-region[aria-pressed="true"] { fill: Highlight; }
	.srm-tab[aria-selected="true"] { outline: 2px solid Highlight; }
}