/* Regional map uses State 44 colors and type; Leaflet supplies only map behavior. */
.s44-project-map .s44-leaflet-map { width:100%; height:clamp(370px,42vw,570px); background:var(--carbon); border:1px solid var(--olive-char); }
.s44-project-map .leaflet-container { font-family:var(--font-mono); font-size:11px; }
.s44-project-map .leaflet-control-zoom a { background:var(--carbon); color:var(--on-carbon); border-color:var(--olive-char); }
.s44-project-map .leaflet-control-zoom a:hover { background:var(--olive-char); color:var(--on-carbon); }
.s44-project-map .leaflet-control-attribution { background:rgba(44,44,38,.88); color:var(--on-carbon); font:10px/1.4 var(--font-mono); }
.s44-project-map .leaflet-control-attribution a { color:var(--on-carbon); }
.s44-project-map .leaflet-tooltip.s44-map-tooltip { background:var(--carbon); border:1px solid var(--olive-char); border-radius:var(--radius-sm); box-shadow:none; color:var(--on-carbon); font:500 10px/1.3 var(--font-mono); padding:5px 7px; }
.s44-project-map .leaflet-tooltip.s44-map-tooltip.is-featured { color:var(--highlighter); border-color:var(--highlighter); }
.s44-project-map .leaflet-tooltip.s44-map-tooltip:before { display:none; }
.s44-map-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; color:var(--on-carbon-muted); font:11px/1.4 var(--font-mono); }
.s44-map-key { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.s44-map-key i { display:inline-block; width:13px; height:13px; border:1px solid var(--highlighter); background:rgba(255,243,71,.25); }
.s44-map-key .s44-map-key-boundary { margin-left:8px; border-color:var(--on-carbon); background:rgba(255,255,255,.2); }
.s44-map-key em { display:inline-block; width:15px; height:15px; margin-left:8px; border:1px dashed var(--on-carbon); border-radius:50%; }
.s44-map-actions { display:flex; gap:5px; flex-shrink:0; }
.s44-map-actions button { cursor:pointer; border:1px solid var(--olive-char); border-radius:var(--radius-sm); padding:6px 8px; background:transparent; color:var(--on-carbon); font:500 10px/1.2 var(--font-mono); }
.s44-map-actions button[aria-pressed="true"], .s44-map-actions button:hover { background:var(--highlighter); border-color:var(--highlighter); color:var(--on-highlighter); }
.s44-map-actions button:focus-visible { outline:2px solid var(--on-carbon); outline-offset:2px; }
.s44-project-map .s44-map-selection { margin:12px 0 0; }
@media(max-width:780px) {
  .s44-project-map .s44-leaflet-map { height:390px; }
  .s44-map-controls { align-items:flex-start; flex-direction:column; }
}
