html, body { margin: 0; height: 100%; overflow: hidden; background: transparent; font-family: Inter, system-ui, sans-serif; }
  #wrap { position: absolute; inset: 0; }
  svg { width: 100%; height: 100%; display: block; overflow: visible; }
  .muni { fill: #eceef4; stroke: #fff; stroke-width: 1; stroke-linejoin: round; transition: fill .2s ease; }
  .muni.page { cursor: pointer; }
  .muni { transition: fill .2s ease, transform .25s ease, filter .25s ease; transform-box: fill-box; transform-origin: center; filter: drop-shadow(0 3px 3px rgba(30,27,75,.16)); }
  .muni.hover { fill: #ddd6fe !important; transform: translateY(-3px); filter: drop-shadow(0 6px 6px rgba(30,27,75,.22)); }
  .muni.focus { fill: url(#jwGrad); cursor: default; }
  .lbl { font-weight: 700; fill: #1e1b4b; text-anchor: middle; pointer-events: none; letter-spacing: -0.01em; }
  .lbl.focus { fill: #fff; font-family: Sora, Inter, sans-serif; }
  .lbl.small { font-weight: 600; fill: #3f3f6b; }
  .home-tag rect { fill: #111827; }
  .home-tag text { fill: #fff; font-weight: 700; text-anchor: middle; }