.interactive-map{overflow:hidden;background:#fff}.interactive-map .map-heading{gap:12px}.interactive-map .map-key{max-width:60%;text-align:right;overflow-wrap:anywhere}.map-stage-wrap{position:relative;background:#f0f3ed}.map-stage{height:350px;overflow:hidden;touch-action:pan-y;cursor:grab}.map-stage.is-moving-centre{cursor:crosshair}.map-stage:active{cursor:grabbing}.map-stage svg{display:block;width:100%;height:100%}.map-stage svg:focus-visible{outline:3px solid #175b48;outline-offset:-3px}.map-stage-wrap button,.map-centre-button{min-width:44px;min-height:44px;border:1px solid #cad5cd;border-radius:7px;background:#fff;color:#193e32;font:600 14px/1.2 system-ui;cursor:pointer}.map-stage-wrap button:hover,.map-stage-wrap button:focus-visible{background:#e5eee7}.map-zoom{position:absolute;right:12px;top:12px;display:grid;gap:5px}.map-zoom button{font-size:25px;width:44px;box-shadow:0 1px 5px #1a34221a}.map-view-actions{position:absolute;left:12px;top:12px;display:flex;gap:5px}.map-view-actions button{padding:0 10px;box-shadow:0 1px 5px #1a34221a}.map-north{position:absolute;right:18px;bottom:14px;font-size:13px;font-weight:700;color:#365b49;pointer-events:none}.map-scale{position:absolute;left:14px;bottom:12px;border-bottom:2px solid #264b3c;border-left:2px solid #264b3c;border-right:2px solid #264b3c;padding-bottom:2px;text-align:center;font-size:12px;line-height:16px;background:#ffffffbf;color:#264b3c;pointer-events:none}.map-attribution{padding:5px 12px;text-align:right;background:#f7f9f5;font-size:12px;line-height:18px;color:#425e50}.map-attribution a{color:inherit}.map-explorer{padding:14px 16px 8px;border-top:1px solid #d7dfd6}.map-radius{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.map-radius label{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;min-width:125px}.map-radius output{font-weight:700;color:#175b48;min-width:50px}.map-radius input{min-width:80px;flex:1;accent-color:#175b48;height:44px;margin:0}.map-centre-button{padding:0 10px}.map-centre-button[aria-pressed=true]{background:#175b48;color:#fff}.map-radius-note{font-size:13px;line-height:1.45;margin:3px 0 12px;color:#53675d}.map-filters{border:0;padding:0;margin:0}.map-filters legend{font-size:13px;font-weight:600;padding:0;margin:0 0 7px;color:#435e50}.map-filters>div{display:flex;flex-wrap:wrap;gap:6px}.map-filter{display:flex;align-items:center;gap:6px;min-height:44px;padding:5px 9px;border:1px solid #d7dfd6;border-radius:20px;font-size:13px;line-height:1.3;cursor:pointer}.map-filter:has(input:checked){background:#eef4ec;border-color:#86a891}.map-filter input{width:15px;height:15px;accent-color:#175b48;margin:0}.map-filter-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--map-category)}.map-result-count{font-size:14px;font-weight:600;color:#315542;line-height:1.5;margin:12px 0 7px}.map-results summary{font-size:14px;padding:8px 0 12px;min-height:44px;cursor:pointer}.map-results ol{list-style:none;padding:0;margin:0;max-height:330px;overflow-y:auto}.map-results li{border-top:1px solid #e3e8df}.map-results button{background:none;border:0;border-radius:0;color:#203e32;width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px;padding:12px 1px;min-height:48px;font:inherit;cursor:pointer}.map-results button:hover{background:#f2f6ef}.map-results strong{display:block;font-size:14px}.map-results small{display:block;font-size:13px;color:#52675b}.map-result-distance{font-size:13px;white-space:nowrap}.map-popup{position:absolute;left:12px;bottom:42px;max-width:calc(100% - 75px);width:260px;border:1px solid #bdcdbb;background:#fff;border-radius:10px;box-shadow:0 3px 18px #15352126;padding:13px 50px 13px 13px;font-size:14px;line-height:1.4}.map-popup strong,.map-popup small{display:block}.map-popup small{margin:3px 0 7px;color:#486150}.map-popup a{font-size:13px;color:#175b48}.map-popup button{position:absolute;right:4px;top:4px;min-width:44px;min-height:44px;font-size:20px;border:0}.map-poi{cursor:pointer}.map-poi:focus{outline:none}.map-poi:focus circle{stroke:#111;stroke-width:3}.map-label{font:11px system-ui;fill:#617367;paint-order:stroke;stroke:#f0f3ed;stroke-width:3;stroke-linejoin:round;pointer-events:none}.interactive-map [hidden]{display:none!important}
@media(min-width:768px){.map-stage{height:430px}.map-explorer{padding:16px 20px 10px}.map-filter{min-height:44px}.map-stage-wrap{min-width:0}}
@media(max-width:359px){.map-stage{height:320px}.map-radius label{min-width:118px}.map-centre-button{width:100%}.map-view-actions button{font-size:13px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.interactive-map *{scroll-behavior:auto}}
.map-mode{font-size:15px;margin:0 0 3px;color:#193e32}.map-mode-note{font-size:13px;line-height:1.45;margin:0 0 10px;color:#53675d}.map-step{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.map-step button{min-width:44px;min-height:44px;padding:0 12px;border:1px solid #cad5cd;border-radius:7px;background:#fff;color:#193e32;font:600 14px/1.2 system-ui;cursor:pointer}.map-step button:hover,.map-step button:focus-visible{background:#e5eee7}
/* Long street names wrap in the map key instead of widening the opening grid (390 px). */
.street-map{min-width:0}.interactive-map .map-key{white-space:normal}