/* Páginas de artigo do Córtex (19/10/2026), no formato de artigo do Our World in Data: faixa da marca com um cartão
   branco no centro (trilha, título em Playfair, subtítulo e assinatura com data), texto em coluna e gráfico largo.
   Vale para o <main class="pagina-artigo"> das rotas de método e ranking em /eleicoes/app.html.
   Depende das cores de moldura.css (--sc-*). */
main.pagina-artigo{background:#fff;color:var(--sc-tinta);font-family:var(--sc-sans);letter-spacing:var(--texto-espaco)}

.art-cab{background:linear-gradient(var(--sc-petroleo) 0 220px,#fff 220px);padding:20px var(--sc-margem) 0}
.art-trilha{max-width:820px;margin:0 auto 16px;font-size:14px;color:#cfe0df}
main.pagina-artigo .art-trilha a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.art-trilha span{margin:0 6px;opacity:.6}
.art-cartao{max-width:820px;margin:0 auto;background:#fff;text-align:center;padding:44px 48px 22px;box-shadow:0 0 0 1px rgba(16,65,68,.06)}
.art-cartao h1{font:700 clamp(30px,4vw,40px)/1.2 var(--sc-serif);letter-spacing:var(--titulo-1-espaco);color:var(--sc-tinta);margin:0 auto;max-width:620px}
.art-subtitulo{font:400 clamp(18px,2.2vw,22px)/1.45 var(--sc-sans);color:var(--sc-tinta-2);margin:18px auto 0;max-width:600px}
.art-assina{margin:22px auto 0;padding-top:16px;border-top:1px solid var(--sc-linha);font-size:14px;color:var(--sc-tinta-2);max-width:520px}
.art-assina b{color:var(--sc-tinta);font-weight:700}
.art-assina a{color:var(--sc-petroleo)}

/* corpo: texto em coluna, peças largas podem sair dela */
main.pagina-artigo .rk,main.pagina-artigo .projecao-metodo{max-width:680px;margin:0 auto;padding:40px var(--sc-margem) 80px;box-sizing:content-box;color:var(--sc-tinta);font-family:var(--sc-sans)}
main.pagina-artigo .rk{max-width:1000px}
main.pagina-artigo .rk > p,main.pagina-artigo .rk > .ressalva,main.pagina-artigo .rk > h2,main.pagina-artigo .rk > .linha-fina,main.pagina-artigo .rk > .lista-simples{max-width:680px;margin-left:auto;margin-right:auto}
main.pagina-artigo .rk > .nota{max-width:680px;margin-left:auto;margin-right:auto}
main.pagina-artigo .rotulo,main.pagina-artigo .projecao-metodo > .sec-h{display:none}
main.pagina-artigo p,main.pagina-artigo li{font-size:18px;line-height:1.55;color:var(--sc-tinta)}
main.pagina-artigo .linha-fina,main.pagina-artigo .rk .linha-fina{font-size:16px;line-height:1.5;color:var(--sc-tinta-2)}
main.pagina-artigo h2,main.pagina-artigo .rk h2,main.pagina-artigo .projecao-metodo h2{font:700 26px/1.3 var(--sc-serif);color:var(--sc-tinta);margin:48px auto 10px;letter-spacing:var(--titulo-2-espaco)}
main.pagina-artigo h3{font:700 12px/1.4 var(--sc-sans);letter-spacing:var(--rotulo-espaco);text-transform:uppercase;color:var(--sc-tinta)}
main.pagina-artigo a{color:var(--sc-petroleo)}
main.pagina-artigo .ressalva,main.pagina-artigo .rk .ressalva{border-left:3px solid var(--sc-ambar);background:#f6f4ee;font-size:17px;line-height:1.55;padding:14px 18px;color:var(--sc-tinta)}
main.pagina-artigo .nota,main.pagina-artigo .rk .nota{font-size:14px;color:var(--sc-tinta-2)}

/* ranking: gráfico e tabela na fonte do texto */
main.pagina-artigo .rk-grafico text{font-family:var(--sc-sans);fill:var(--sc-tinta);font-size:14px}
main.pagina-artigo .rk-grafico .ponto{fill:var(--sc-tinta)}
main.pagina-artigo .rk-grafico .urna{stroke:var(--sc-acao)}
main.pagina-artigo .rk-tabela table{font-family:var(--sc-sans);font-size:15px}
main.pagina-artigo .rk-tabela th{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--sc-tinta-2)}
main.pagina-artigo .rk-tabela th,main.pagina-artigo .rk-tabela td{border-bottom-color:var(--sc-linha)}
main.pagina-artigo .rk-tabela .inst{font-weight:700}
main.pagina-artigo .projecao-tabela table{font-family:var(--sc-sans)}

@media (max-width:600px){
  .art-cab{padding:14px 0 0;background:linear-gradient(var(--sc-petroleo) 0 160px,#fff 160px)}
  .art-trilha{padding:0 16px;margin-bottom:12px}
  .art-cartao{padding:28px 20px 16px}
  main.pagina-artigo .rk,main.pagina-artigo .projecao-metodo{padding:28px 16px 64px}
  main.pagina-artigo p,main.pagina-artigo li{font-size:17px}
  main.pagina-artigo h2,main.pagina-artigo .rk h2,main.pagina-artigo .projecao-metodo h2{font-size:23px}
}
/* números de tabela e gráfico com algarismos de largura fixa (kit de fontes, 22/10/2026) */
main.pagina-artigo table,main.pagina-artigo .rk-grafico text{font-variant-numeric:var(--fonte-dado-algarismos)}