.trial-india-map__frame {
    position: relative;
    width: 100%;
    isolation: isolate;
    --trial-dot-size: 12px;
    aspect-ratio: 1000 / 1100;
    background: transparent;
}

.trial-india-map__svg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.trial-india-map__svg-root {
    width: 100%;
    height: 100%;
    display: block;
}

.trial-india-map__svg .map-region path {
    fill: var(--trial-map-fill, #dcc9f0);
    stroke: #fff;
    stroke-width: 0.75;
    vector-effect: non-scaling-stroke;
    transition: fill 0.16s ease, stroke 0.16s ease;
}

.trial-india-map__svg .map-region.is-hovered path,
.trial-india-map__svg .map-region:hover path,
.trial-india-map__svg .map-region:focus-visible path,
.trial-india-map__svg .map-region.is-hovered .map-region-marker,
.trial-india-map__svg .map-region:hover .map-region-marker,
.trial-india-map__svg .map-region:focus-visible .map-region-marker {
    fill: var(--trial-map-hover, #4d248d);
    stroke: #fff;
}

.trial-india-map__svg .map-region--micro path {
    stroke-width: 1.1;
}

.trial-india-map__svg .map-region-marker {
    fill: var(--trial-map-fill, #dcc9f0);
    stroke: #fff;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
    transition: fill 0.16s ease, stroke 0.16s ease;
    pointer-events: none;
}

.trial-india-map__svg .map-region-hit {
    fill: transparent;
    stroke: transparent;
    pointer-events: all;
}

.trial-india-map__tooltip {
    position: absolute;
    z-index: 4;
    min-width: 160px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.16);
    pointer-events: none;
    display: none;
    gap: 4px;
}

.trial-india-map__tooltip.is-visible {
    display: grid;
}

.trial-india-map__tooltip strong {
    font-size: 0.86rem;
    line-height: 1.35;
    color: #101828;
}

.trial-india-map__hotspots,
.trial-india-map__pins {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}