/*
 * AFDES Public Opinion Observatory — ANES U.S. map label hardening
 *
 * State abbreviations keep one uniform type treatment and scale down with the
 * viewport. This layer is intentionally scoped to the ANES state labels only.
 */

.state-label {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  fill: #17324a;
  stroke: none !important;
  pointer-events: none;
  text-anchor: middle;
  text-rendering: geometricPrecision;
}

/* Touch devices: suppress browser tap/selection artifacts on the interactive
   SVG without changing state click handling or normal page scrolling. */
@media (hover: none) and (pointer: coarse) {
  .oe-map-stage,
  .oe-map-stage svg,
  .oe-map-stage svg * {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .oe-map-stage {
    touch-action: manipulation;
  }

  .oe-map-stage svg:focus,
  .oe-map-stage svg *:focus {
    outline: none !important;
  }
}

@media (max-width: 900px) {
  .state-label {
    font-size: 7.2px !important;
  }
}

@media (max-width: 600px) {
  .state-label {
    font-size: 6.4px !important;
  }
}

@media (max-width: 390px) {
  .state-label {
    font-size: 5.8px !important;
  }
}