/* Colinha Digital — Ciência política aplicada (/analises/) · componente de gráficos acessíveis (CDA) · v1 */
.cda,.cda-root{
  --cda-s1:#2a78d6;--cda-s2:#eb6834;--cda-s3:#1baf7a;--cda-s4:#eda100;
  --cda-ink:var(--cd-text,#0b0f17);--cda-ink2:var(--cd-muted2,#3f4b63);--cda-mute:var(--cd-muted,#5b6880);
  --cda-grid:color-mix(in srgb,var(--cd-line,#d9dfea) 70%,transparent);--cda-axis:var(--cd-line2,#c3ccdb);
  --cda-surf:var(--cd-surface,#fff);--cda-dot:#8a93a6;--cda-dot-a:.38;--cda-link:#8a93a6;
}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])) .cda,:root:where(:not([data-theme="light"])) .cda-root{--cda-s1:#3987e5;--cda-s2:#d95926;--cda-s3:#199e70;--cda-s4:#c98500;--cda-dot:#7d8aa6;--cda-dot-a:.45;--cda-link:#6f7d99}}
:root[data-theme="dark"] .cda,:root[data-theme="dark"] .cda-root{--cda-s1:#3987e5;--cda-s2:#d95926;--cda-s3:#199e70;--cda-s4:#c98500;--cda-dot:#7d8aa6;--cda-dot-a:.45;--cda-link:#6f7d99}

.cda-wrap{max-width:1480px;margin:0 auto;padding:0 clamp(12px,2.4vw,40px) 40px;box-sizing:border-box;color:var(--cd-text);font-family:var(--cd-font)}
.cda-hero{padding:18px 0 6px}
.cda-hero .cd-eyebrow{display:block;margin-bottom:6px}
.cda-hero h1{font:900 var(--cd-h1,36px)/1.08 var(--cd-font);letter-spacing:-.02em;margin:0 0 10px}
.cda-hero .lead{font-size:var(--cd-fs-lg,17px);line-height:1.55;color:var(--cd-muted2);max-width:980px;margin:0}
.cda-aviso{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;padding:12px 14px;border:1px solid var(--cd-line);border-radius:12px;background:var(--cd-surface2);font-size:14px;line-height:1.5;color:var(--cd-muted2);max-width:1100px}
.cda-aviso b{color:var(--cd-text)}
.cda-sec{margin:26px 0 0}
.cda-sec>h2{font:850 var(--cd-h2,24px)/1.15 var(--cd-font);margin:0 0 8px;letter-spacing:-.01em}
.cda-sec>p,.cda-txt p,.cda-txt li{font-size:15px;line-height:1.6;color:var(--cd-muted2);max-width:1050px}
.cda-txt h3{font:800 17px var(--cd-font);margin:18px 0 6px;color:var(--cd-text)}
.cda-txt code{font:600 13px var(--cd-mono);background:var(--cd-surface2);padding:1px 5px;border-radius:5px}
.cda-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.cda-grid.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cda-card{background:var(--cd-surface);border:1px solid var(--cd-line);border-radius:16px;box-shadow:var(--cd-sh-1);padding:16px 18px;min-width:0}
a.cda-card{display:block;text-decoration:none;color:var(--cd-text);transition:transform .15s,box-shadow .15s,border-color .15s}
a.cda-card:hover{transform:translateY(-2px);box-shadow:var(--cd-sh-2);border-color:color-mix(in srgb,var(--cd-blue) 45%,var(--cd-line))}
a.cda-card h3{font:850 18px/1.25 var(--cd-font);margin:4px 0 6px}
a.cda-card p{font-size:14px;line-height:1.5;color:var(--cd-muted2);margin:0}
.cda-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));margin:14px 0}
.cda-kpi{background:var(--cd-surface);border:1px solid var(--cd-line);border-radius:14px;padding:12px 14px}
.cda-kpi b{display:block;font:900 26px/1.1 var(--cd-font);color:var(--cd-text)}
.cda-kpi span{display:block;font-size:13px;line-height:1.4;color:var(--cd-muted);margin-top:4px}
.cda-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.cda-ctrl label{font:700 13px var(--cd-font);color:var(--cd-muted)}
.cda-ctrl select,.cda-ctrl input[type=search]{min-height:40px;border:1px solid var(--cd-line2);border-radius:10px;background:var(--cd-surface);color:var(--cd-text);font:600 14px var(--cd-font);padding:0 10px;max-width:100%}
.cda-ctrl input[type=search]{min-width:min(100%,260px)}
.cda-chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--cd-line2);background:var(--cd-surface);color:var(--cd-text);font:700 13px var(--cd-font);cursor:pointer}
.cda-chip[aria-pressed="true"]{background:color-mix(in srgb,var(--cd-blue) 14%,var(--cd-surface));border-color:var(--cd-blue)}
/* figura */
.cda-fig{margin:0;background:var(--cd-surface);border:1px solid var(--cd-line);border-radius:16px;padding:14px 16px 12px;min-width:0;box-shadow:var(--cd-sh-1)}
.cda-fig figcaption h3{font:850 16.5px/1.3 var(--cd-font);margin:0 0 3px;color:var(--cd-text)}
.cda-fig figcaption p{font-size:13.5px;line-height:1.45;color:var(--cd-muted);margin:0 0 8px}
.cda-plot{position:relative;width:100%;min-height:120px}
.cda-plot svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--cd-font)}
.cda-plot .ax text,.cda-plot .lb{fill:var(--cda-mute);font-size:11.5px}
.cda-plot .lb2{fill:var(--cda-ink2);font-size:12px;font-weight:600}
.cda-plot .gr line{stroke:var(--cda-grid);stroke-width:1}
.cda-plot .bl{stroke:var(--cda-axis);stroke-width:1}
.cda-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:13px}
.cda-acts details{flex:1 1 100%}
.cda-acts summary,.cda-acts a,.cda-acts button{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--cd-line);background:var(--cd-surface2);color:var(--cd-text);font:700 12.5px var(--cd-font);text-decoration:none;cursor:pointer}
.cda-acts summary{list-style:none;width:max-content}
.cda-acts summary::-webkit-details-marker{display:none}
.cda-src{font-size:12px;color:var(--cd-muted);margin:8px 0 0;line-height:1.45}
.cda-src a{color:inherit}
.cda-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 8px;font-size:12.5px;color:var(--cda-ink2)}
.cda-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.cda-leg i.o{border-radius:50%}
/* tabela */
.cda-tw{overflow:auto;max-height:560px;border:1px solid var(--cd-line);border-radius:12px;margin-top:8px;-webkit-overflow-scrolling:touch}
.cda-t{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.cda-t th,.cda-t td{padding:7px 10px;border-bottom:1px solid var(--cd-line);text-align:left;white-space:nowrap}
.cda-t td.n,.cda-t th.n{text-align:right}
.cda-t thead th{position:sticky;top:0;background:var(--cd-surface2);font-weight:800;z-index:1}
.cda-t thead th button{all:unset;cursor:pointer;font-weight:800}
.cda-t thead th button:focus-visible{outline:2px solid var(--cd-blue);outline-offset:2px}
.cda-t tbody tr:hover{background:var(--cd-surface2)}
.cda-t a{color:var(--cd-blue-ink,#1f5fbf);text-decoration:none;font-weight:650}
.cda-t a:hover{text-decoration:underline}
.cda-pag{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px;color:var(--cd-muted)}
.cda-pag button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--cd-line);background:var(--cd-surface);color:var(--cd-text);font:700 12.5px var(--cd-font);cursor:pointer}
.cda-pag button[disabled]{opacity:.45;cursor:default}
/* tooltip */
.cda-tip{position:fixed;z-index:9999;pointer-events:none;background:var(--cd-surface);color:var(--cd-text);border:1px solid var(--cd-line2);border-radius:10px;box-shadow:var(--cd-sh-2);padding:8px 10px;font:500 12.5px/1.45 var(--cd-font);max-width:300px;opacity:0;transition:opacity .08s}
.cda-tip b{font-weight:800}
.cda-tip.on{opacity:1}
.cda-load{color:var(--cd-muted);font-size:14px;padding:30px 0;text-align:center}
.cda-load.sk{min-height:260px}
.cda-ref li{margin:4px 0}
.cda-pill{display:inline-block;font:800 11px var(--cd-font);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--cd-surface2);border:1px solid var(--cd-line);color:var(--cd-muted2)}
.cda-trilha{margin:10px 0 0}
.cda-toc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.cda-toc a{font:700 13px var(--cd-font);padding:6px 12px;border-radius:999px;border:1px solid var(--cd-line);text-decoration:none;color:var(--cd-text);background:var(--cd-surface)}
.cda-lista{columns:2 280px;column-gap:24px;padding-left:18px}
.cda-lista li{break-inside:avoid;margin:3px 0;font-size:14px;line-height:1.45}
.cda-ufs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cda-ufs a{display:block;padding:10px 12px;border:1px solid var(--cd-line);border-radius:12px;background:var(--cd-surface);text-decoration:none;color:var(--cd-text);font:700 14px var(--cd-font)}
.cda-ufs a small{display:block;font:600 12px var(--cd-font);color:var(--cd-muted);margin-top:2px}
@media (max-width:760px){
  .cda-fig{padding:12px 10px 10px;border-radius:14px}
  .cda-t{font-size:12.5px}
  .cda-t th,.cda-t td{padding:6px 8px}
  .cda-hero h1{font-size:28px}
}
@media (forced-colors:active){.cda-plot svg *{forced-color-adjust:auto}}
.cda-wrap :where(p,li,.cda-aviso,.cda-src) a{color:var(--cd-blue-ink,#1f5fbf)}
.cda-chiplab{font:700 13px var(--cd-font);color:var(--cd-muted);margin:6px 0 0}