/**
 * Dotted Map — Styles
 * Scope: .dotted-map wrapper. Override fill/opacity on .dotted-map-land-dot / .dotted-map-presence-dot from parent (e.g. .welcome-hero-left).
 */
.dotted-map {
    display: block;
    width: 100%;
    overflow: hidden;
}

/* Responsive: SVG scales with container; viewBox 0 0 1000 500 keeps 2:1 aspect ratio */
.dotted-map .dotted-map-svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.dotted-map .dotted-map-land-dot {
    fill: currentColor;
    opacity: 0.4;
}

.dotted-map .dotted-map-presence-dot {
    fill: currentColor;
    opacity: 0.9;
}