/* V3: one connected road network, no blur or offscreen filter surfaces. */
#map>svg{background:#e7e9e9}
.sa-local{--land:#faf5e4;--green:url(#sa-green);--wet:#9ed1b8;--water:#7bcfd1;--beach:#f3d78d;--industry:#e5e1d1;--pier:#dfd1b2;--build:#e5e0d2;--edge:#c4bea9;--road:#fffdf4;--stream:#70cbd0}
.sa-muted{--land:#f0f0ee;--green:#d3d3d1;--wet:#d0d0ce;--water:#c7c9c9;--beach:#dfdfdc;--industry:#dededc;--pier:#d8d8d5;--build:#e3e3e0;--edge:#cececb;--road:#f9f9f7;--stream:#bfc1c1}
.sa-land-fill{fill:var(--land)}.sa-green{fill:var(--green)}.sa-wetland{fill:var(--wet)}.sa-water{fill:var(--water)}.sa-beach{fill:var(--beach)}.sa-industrial{fill:var(--industry)}.sa-pier{fill:var(--pier)}
.sa-river,.sa-stream{fill:none;stroke:var(--stream);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.sa-river{stroke-width:5}.sa-stream{stroke-width:.65}
.sa-buildings{fill:var(--build);stroke:none;display:none}.sa-detail .sa-buildings{display:block}
.sa-road{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.sa-road-casing{stroke:var(--edge)}.sa-road-interior{stroke:var(--road)}
.sa-road-casing.sa-tier-0{stroke-width:3}.sa-road-interior.sa-tier-0{stroke-width:2.2}
.sa-road-casing.sa-tier-1{stroke-width:2.4}.sa-road-interior.sa-tier-1{stroke-width:1.7}
.sa-road-casing.sa-tier-2{stroke-width:1.65}.sa-road-interior.sa-tier-2{stroke-width:1.05}
.sa-road-casing.sa-tier-3{stroke-width:.75}.sa-road-interior.sa-tier-3{stroke-width:.35}
.sa-street-name{font-family:Montserrat,Arial,sans-serif;font-weight:450;fill:#687f84;stroke:#fffdf2;paint-order:stroke;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#sa-port-details{filter:none}
#map .map-point .halo{fill:url(#sa-bubble)!important;stroke:#ffffffd9!important;stroke-width:.8;filter:none}
#map .map-point:hover .halo,#map .map-point:focus .halo{stroke:#efba5c!important;stroke-width:1.3;filter:none}
#map .map-point .leader{stroke:#398e98;stroke-dasharray:none;opacity:.55}
#map .map-point>use{filter:none;transition:none}
#map .map-point text:not(.cluster-count){font-size:9px;font-weight:600;stroke:#f7fff8;stroke-width:3;fill:#225d70}
#map .map-point .cluster-count{font-size:9px;font-weight:650}

/* Header: no background card, clipping or inherited negative margins. */
header.coastal-header .brand .logo-crop{overflow:visible!important;border-radius:0!important;background:none!important}
header.coastal-header .brand .logo-crop img{object-fit:contain!important;width:100%!important;height:100%!important;max-width:100%!important;margin:0!important;mix-blend-mode:normal!important}
header.coastal-header .coastal-photo{object-position:center 56%;opacity:1}
#map .map-point.landmark .halo{stroke:#e8b754!important;stroke-width:1.2}
@media(max-width:700px){header.coastal-header .coastal-photo{object-position:42% center}}

/* V5: stable layers and appearance throughout a gesture. */
#map .sa-street-name{transition:opacity 150ms linear}
#map-shell .map-heading,#map-shell .map-controls button,#map-shell .map-bottom>span:first-child{backdrop-filter:none}
#map .map-point{transition:none}
@media(prefers-reduced-motion:reduce){#map .sa-street-name{transition:none}}