/* El Atlas · Religión — estilos de los scatters del número (rel-scatter.js).
   Copia del bloque de 04-intolerancia/chart-desarrollo.html (banner de estadísticos, pista de la leyenda, botón
   "Ver todas las regiones"). Chips, buscador y tooltip NO se redefinen: mandan lib/style.css y rel.css. */
.s-banner { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 8px 0 0; padding: 8px 12px; background: var(--bg-soft); border-radius: 6px; font-family: var(--sans); font-size: 13px; color: var(--ink); }
.s-banner:empty { display: none; }
.s-banner-item { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.s-banner-key { font-size: 11px; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; }
.s-banner-val { font-weight: 600; font-variant-numeric: tabular-nums; }
.s-banner-region-name { font-weight: 600; }
.s-banner-note { font-size: 11.5px; color: var(--ink-muted); }
.s-banner-sep { color: var(--ink-muted); opacity: 0.6; }
.sc-hint { font-family: var(--sans); font-size: 11px; color: var(--ink-muted); margin: 4px 0 0; font-style: italic; }
.sc-linkbtn { font-family: var(--sans); font-size: 11px; font-weight: 600; font-style: normal; color: var(--accent); background: none; border: none; padding: 0; margin-left: 8px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.sc-linkbtn[hidden] { display: none; }
.tooltip .tt-row-sub { font-size: 10.5px; opacity: 0.72; }
.tooltip .tt-sub { font-size: 10.5px; opacity: 0.8; margin-top: 2px; font-style: italic; }
@media (max-width: 768px) {
  .s-banner { font-size: 12px; }
}