/* Story map: layout and aged-paper look. Colors fall back to the theme's custom properties. */
.hr-map { margin: 1.5rem 0; }
.hr-map__canvas {
	position: relative;
	width: 100%;
	min-height: 260px;
	background: var(--hr-parchment, #e8ddc5);
	border: 1px solid var(--hr-rule, #aaa18e);
	z-index: 0;
}
.hr-map__loading { margin: 0; padding: 1rem; font: 0.9rem/1.4 system-ui, sans-serif; color: var(--hr-ink-soft, #5a554d); }

/* Aged-paper tint over the OpenStreetMap tiles */
.hr-map .leaflet-tile-pane { filter: sepia(0.6) saturate(0.7) contrast(0.92) brightness(1.03); }
.hr-map .leaflet-container { font-family: inherit; background: var(--hr-parchment, #e8ddc5); }

.hr-map__pin span {
	display: block; width: 18px; height: 18px; margin: 2px;
	border-radius: 50%;
	background: var(--hr-accent, #a6473f);
	border: 2px solid var(--hr-paper, #f3ebd8);
	box-shadow: 0 0 0 1px var(--hr-ink, #302d29);
}
.hr-map__pin:focus span, .hr-map__pin:hover span { background: var(--hr-ink, #302d29); }
path.hr-map__circle { stroke: var(--hr-accent, #a6473f); fill: var(--hr-accent, #a6473f); fill-opacity: 0.18; }

.hr-map .leaflet-tooltip {
	background: var(--hr-paper, #f3ebd8); color: var(--hr-ink, #302d29);
	border: 1px solid var(--hr-ink, #302d29); border-radius: 0;
	font: 600 0.8rem/1.3 system-ui, sans-serif; box-shadow: none;
}
.hr-map .leaflet-popup-content-wrapper { border-radius: 0; background: var(--hr-paper, #f3ebd8); color: var(--hr-ink, #302d29); }
.hr-map .leaflet-popup-tip { background: var(--hr-paper, #f3ebd8); }
.hr-map__popup { font: 0.9rem/1.45 Georgia, serif; }
.hr-map__popup a { color: var(--hr-accent, #a6473f); }
.hr-map__popup-meta { font: 0.78rem/1.4 system-ui, sans-serif; color: var(--hr-ink-soft, #5a554d); text-transform: uppercase; letter-spacing: 0.04em; }
.hr-map__popup p { margin: 0.4rem 0 0; }

.hr-map__filters { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.6rem; }
.hr-map__chip {
	font: 600 0.78rem/1 system-ui, sans-serif; letter-spacing: 0.04em; text-transform: uppercase;
	padding: 0.55rem 0.8rem; min-height: 44px; cursor: pointer;
	background: transparent; color: var(--hr-ink, #302d29);
	border: 1px solid var(--hr-ink, #302d29); border-radius: 0;
}
.hr-map__chip:hover { background: var(--hr-parchment, #e8ddc5); }
.hr-map__chip.is-active { background: var(--hr-ink, #302d29); color: var(--hr-paper, #f3ebd8); }
.hr-map__chip:focus-visible { outline: 3px solid var(--hr-accent, #a6473f); outline-offset: 2px; }

.hr-map__list-wrap { margin-top: 0.6rem; font: 0.9rem/1.5 system-ui, sans-serif; }
.hr-map__list-wrap summary { cursor: pointer; padding: 0.4rem 0; font-weight: 600; }
.hr-map__list { margin: 0.4rem 0 0; padding-left: 1.2rem; columns: 2 260px; }
.hr-map__list li[hidden] { display: none; }
.hr-map__meta { color: var(--hr-ink-soft, #5a554d); }