/**
 * Stylesheet for the USA Interactive Map plugin.
 *
 * Ensures the SVG map scales responsively within its container and defines
 * basic styles for the state paths. Hover styling is minimal because
 * additional feedback is handled via JavaScript.
 */
.usa-map-container svg {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
}

.usa-map-container svg path {
    /* Use a neutral fill and border. The SVG itself sets defaults but
       defining them here ensures a consistent appearance across sites. */
    fill: #d0d0d0;
    stroke: #ffffff;
    stroke-width: 1;
}

.usa-map-container svg path:hover {
    /* Slightly darken the fill on hover; further opacity changes are
       applied in the JavaScript to emphasise interactivity. */
    fill: #c0c0ff;
}