/* Ajustes propios del mapa regional (el resto viene de needle_map.css). */
.region-shape { stroke: var(--panel); stroke-width: 1; cursor: pointer; transition: fill 0.25s; }
.region-shape:hover { filter: brightness(0.94); }
.region-shape.context { fill: var(--g0) !important; }
.region-shape.current { pointer-events: none; fill: none !important; }
.region-shape.metro { fill: var(--g1); cursor: default; }
.region-outline { fill: none; stroke: var(--rule-strong); stroke-width: 1; pointer-events: none; }
.region-outline.current { stroke: var(--ink-2); stroke-width: 1.6; }

/* chip "2V": segunda vuelta, en el mapa y en las listas */
.runoff-badge {
  display: inline-flex; align-items: center; justify-content: center;
  height: 18px; padding: 0 5px; border-radius: 3px;
  background: var(--f4-4); color: var(--panel);
  font-size: 10.5px; font-weight: 750; letter-spacing: 0.02em;
}
.mark-runoff rect { fill: var(--f4-4); }
.mark-runoff text { fill: var(--panel); font-weight: 750; text-anchor: middle; dominant-baseline: central; }
.pair { display: inline-flex; align-items: center; gap: 3px; }
.cands td .pass { color: var(--ink-2); font-size: 12px; }

/* móvil: la tabla regional tiene 4 columnas numéricas; sin las barritas el nombre conserva espacio */
@media (max-width: 560px) {
  [data-mode="reg"] .cands .pbar .track { display: none; }
}

/* enlace a una página anexa de la región (erm.annexes.reg) */
.annex-link { display: flex; gap: 8px; align-items: baseline; padding: 8px 10px; border: 1px solid var(--rule); border-radius: 4px; color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 600; }
.annex-link span { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.annex-link:hover { border-color: var(--rule-strong); background: var(--g0); }