.overlay-map {
    display: flex;
    justify-content: center;
}
.overlay-map svg {
    max-width: 100%;
}
.map-region {
  cursor: pointer;
  pointer-events: all;
  fill: #EFEFEF;            /* base map */
  transition: fill 0.2s ease;
}
.map-region:hover,
.map-region.selected {
  fill: #FF5800;            /* hovered region */
}
.region-label {
  font-family: Helvetica Neue, Poppins, Helvetica, Arial, sans-serif;
  opacity: 0.5;
}
.region-label.selected {
  opacity: 1;
  fill: #fff;
}
.region-label.selected[data-region="tas"] {
    fill: #292D32;
}
.imf-tooltip {
  position: absolute;
  z-index: 1000;
  max-width: 320px;
  padding: 8px 12px;
  background: #fff;
  color: #292D32;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  font-family: Helvetica Neue, Poppins, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}