/* Keep Leaflet's panes and controls inside the map's stacking context, below navigation. */
.leaflet-container{isolation:isolate;z-index:0}

/* Permanent accommodation names share the address cards’ house colors. */
.map-marker.map-name-marker{background:transparent;border:0;border-radius:0;box-shadow:none;display:block;color:var(--house-ink,var(--ink));font:600 12px/1.25 var(--sans);overflow:visible}
.map-name-marker::before{content:'';position:absolute;inset:2px;border:2px solid white;border-radius:50%;background:var(--house-accent,var(--ink));box-shadow:0 1px 5px #31394055}
.map-marker-label{position:absolute;display:block;width:max-content;max-width:160px;padding:9px 11px;border:1px solid var(--house-accent,var(--ink));border-radius:4px;background:var(--house-tint,white);box-shadow:0 2px 8px #31394024;color:var(--house-ink,var(--ink));text-align:center;white-space:nowrap}
.map-label-top .map-marker-label{bottom:24px;left:50%;transform:translateX(-50%)}
.map-label-bottom .map-marker-label{top:24px;left:50%;transform:translateX(-50%)}
.map-label-right .map-marker-label{left:24px;top:50%;transform:translateY(-50%)}
.map-label-left .map-marker-label{right:24px;top:50%;transform:translateY(-50%)}
.map-name-marker:hover .map-marker-label{background:white;box-shadow:0 3px 12px #31394035}
.map-name-marker:focus-visible{outline:0}
.map-name-marker:focus-visible .map-marker-label{outline:3px solid var(--ink);outline-offset:3px;background:white}