
.viz-root{
  --surface:#fcfcfb; --ink:#0b0b0b; --ink-2:#52514e; --muted:#898781; --line:#e1e0d9;
  --prov:#3d3c39; --dist:#ffffff;
  color-scheme:light; max-width:1100px; margin:0 auto; padding:16px; background:var(--surface); color:var(--ink);
  font:14px/1.4 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{margin:0;padding:16px;background:#f9f9f7}
body.embed{padding:0;background:transparent}
body.embed .viz-root{padding:0;background:transparent;max-width:none}
h2{margin:0;font-size:20px;font-weight:650}
h3{margin:16px 0 6px;font-size:13px;font-weight:650;color:var(--ink-2)}
.subtitle{margin:2px 0 10px;color:var(--ink-2)}
.controls{display:flex;gap:6px;margin-bottom:8px}
.controls:empty{display:none}
.controls button{font:inherit;font-size:13px;padding:5px 12px;border:1px solid var(--line);
  border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer}
.controls button[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.layout{display:grid;grid-template-columns:1fr 240px;gap:16px;align-items:start}
@media (max-width:760px){ .layout{grid-template-columns:1fr} }
.map svg{display:block;width:100%;height:auto}
.district{stroke:var(--dist);stroke-width:.4}
.district:hover,.district.hl{stroke:var(--ink);stroke-width:1.6}
.province{fill:none;stroke:var(--prov);stroke-width:.9;pointer-events:none}
.legend .row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);margin:3px 0}
.legend .sw{width:22px;height:12px;border-radius:2px;flex:none}
.top{margin:0;padding-left:20px;font-size:12.5px;color:var(--ink-2)}
.top li{margin:2px 0;cursor:default}
.top.plain{padding-left:0;list-style:none;columns:2;column-gap:12px}
.top li span{float:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.tooltip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line);
  border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.14);padding:8px 10px;font-size:12.5px;min-width:180px}
.tooltip .nm{font-weight:650}
.tooltip .pv{color:var(--muted);margin-bottom:4px}
.tooltip .v{font-size:15px;font-weight:650}
.tooltip .cap{color:var(--muted);font-size:11px;margin-top:6px}
.source{margin-top:10px;font-size:12px;color:var(--muted)}
