/* Listing map: full-width, movable OpenStreetMap street map with the home pinned. Used by listing pages and the Brookton page. */
.map-band{background:var(--bg,#fff);color:var(--fg,#1B1A1A);padding-block:clamp(48px,7vw,80px) 0}
/* follows the page's own colors, so on 4723 Brookton in dark mode the band is black with light text like the rest of the page */
.map-band .h2{color:inherit}
.map-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.map-dir{font:700 15px/1 var(--label,"Barlow Condensed",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--map-link,#C24500);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:4px}
.map-dir:hover{color:inherit}
.map-canvas{position:relative;width:100%;height:clamp(340px,52vh,540px);background:#E9E4E0;z-index:0}
.map-canvas:focus-visible{outline:3px solid #EB5400;outline-offset:-3px}
.map-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:500;pointer-events:none;background:rgba(27,26,26,.82);color:#fff;
  font:600 13px/1 var(--label,"Barlow Condensed",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border-radius:3px;white-space:nowrap;transition:opacity .25s}
.map-canvas.live .map-hint{opacity:0}
.map-pin span{position:absolute;left:4px;top:0;width:32px;height:32px;background:#EB5400;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 10px rgba(0,0,0,.35)}
.map-pin span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:#fff;border-radius:50%}
.leaflet-tooltip.map-label{background:#1B1A1A;color:#fff;border:0;border-radius:3px;box-shadow:0 4px 12px rgba(0,0,0,.3);font:700 14px/1.2 var(--label,"Barlow Condensed",Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px}
.leaflet-tooltip.map-label::before{border-top-color:#1B1A1A}
.leaflet-container{font-family:inherit}
html.a11y-noimg .map-canvas .leaflet-tile{opacity:1!important}
