/* =============================================================================
   GDR PLATFORM  |  SA wind-zone map styles (own file, no additions to style.css)
   Dark drafting aesthetic: hairline province borders, band-coloured fills,
   condensed labels. References global :root tokens only.
   ============================================================================= */
#zone-map .sa-svg{width:100%;height:100%;display:block}
/* PASS 1: dilated neutral base (same province geometry, wide stroke) fills every
   hairline seam with a neutral tone instead of black, and is clickable. */
#zone-map .sa-base{fill:#242932;stroke:#242932;stroke-width:8;stroke-linejoin:round;stroke-linecap:round;cursor:pointer}
/* PASS 2: solid choropleth on top; a small same-colour stroke tidies its edge. */
#zone-map .sa-prov{
  stroke-width:2;stroke-linejoin:round;stroke-linecap:round;fill-opacity:1;cursor:pointer;
  transition:filter .16s ease}
#zone-map .sa-prov:hover{filter:brightness(1.2)}
#zone-map .sa-prov.sel{stroke:var(--red)!important;stroke-width:2.4}
#zone-map .sa-label{
  fill:#fff;font-family:var(--head);font-size:14px;text-anchor:middle;pointer-events:none;
  letter-spacing:.02em;paint-order:stroke;stroke:rgba(0,0,0,.6);stroke-width:2.4px}
#zone-map .sa-wind{
  fill:#fff;font-family:var(--head);font-size:15px;text-anchor:middle;pointer-events:none;
  paint-order:stroke;stroke:rgba(0,0,0,.65);stroke-width:2.6px}
/* "Modest" band explanatory copy (reframes low-wind as viable via hybrid/scale) */
#zone-legend .zl-modest{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);
  font-size:10.5px;line-height:1.5;color:#9a9a9a}
#zone-legend .zl-modest b{color:#c9b06a;font-weight:600}

/* cap the map height so the whole country is visible without scrolling;
   the SVG (viewBox 660x580) meet-fits and centres inside */
#panel-site .zone-map{aspect-ratio:auto;height:min(58vh,540px);background:#0b0d11}
@media(max-height:750px){#panel-site .zone-map{height:min(52vh,440px)}}
@media(max-height:620px){#panel-site .zone-map{height:min(50vh,380px)}}