/* Map of a life on the persona page (Leaflet). Colours follow the template palette when set. */
.rp-map {
	height: 340px;
	width: 100%;
	border-radius: var(--rp-radius-sm, 6px);
	border: 1px solid var(--rp-line, #d9cfc1);
	background: var(--rp-surface, #f4efe7);
	margin: 8px 0 4px;
	z-index: 0;
	position: relative;
}
@media (max-width: 600px) {
	.rp-map {
		height: 260px;
	}
}
.rp-map__pin {
	background: var(--rp-accent, #7a4b25);
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
	font: 600 12px/22px system-ui, sans-serif;
	text-align: center;
}
.rp-map__pin span {
	display: block;
}
.rp-map__path {
	stroke: var(--rp-accent, #7a4b25);
	opacity: .7;
}
.rp-map .leaflet-popup-content {
	margin: 10px 12px;
	line-height: 1.4;
}