
.location-live-map{height:480px;width:100%;z-index:0;background:#e8e2d5;font-family:Montserrat,Arial,sans-serif}
.location-live-map[hidden]{display:none}
.map-route-status{padding:12px 18px;font-size:11px;line-height:1.6;color:var(--ink);background:rgb(255 255 255 / 45%)}
.location-tooltip{border:0;border-radius:3px;padding:6px 9px;font:10px Montserrat,Arial,sans-serif;color:#462a20;background:#fffaf2;box-shadow:0 1px 7px #0002}
.origin-tooltip{font-weight:600;letter-spacing:.04em}
.utopia-map-pin span{display:grid;place-items:center;width:34px;height:34px;background:#87523f;color:white;border:3px solid #fffaf2;border-radius:50%;font:20px Vera,serif;box-shadow:0 2px 8px #0004}
.poi-map-pin span{display:block;width:22px;height:22px;border:3px solid #fffaf2;border-radius:50%;background:#7d7b6e;box-shadow:0 1px 6px #0004}
.poi-map-pin.active span{background:#87523f}
.location-live-map .leaflet-control-attribution{font-size:9px;line-height:1.5;background:rgb(255 250 242 / 92%);max-width:100%}
.walking-route{stroke-dasharray:12 5;animation:walk-route 1.6s linear infinite}
@keyframes walk-route{to{stroke-dashoffset:-34}}
@container(max-width:700px){.location-live-map{height:390px}.location-live-map .leaflet-control-attribution{font-size:8px}.map-route-status{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.walking-route{animation:none;stroke-dasharray:none}}

.utopia-map-pin span img{width:24px;height:24px;object-fit:contain;border-radius:0}
.map-instruction{margin:0 0 22px;padding:18px 20px;background:#dbe7d7;border-left:3px solid #87523f;border-radius:5px;color:#462a20;line-height:1.7}
.map-instruction strong{display:block;font-size:15px;margin-bottom:7px}
.map-instruction span{display:block;font-size:12px}
