/* Três identidades de leitura. As tabelas, números e estados editoriais não mudam. */
body.tema-economia { --area-fundo:#f5f3eb; --area-papel:#fffefa; --area-tinta:#223d31; --area-suave:#526052; --area-cor:#977023; --area-linha:#d9d2bf; --area-tonal:#eee9d9; background:var(--area-fundo); }
body.tema-educacao { --area-fundo:#f8f5ed; --area-papel:#fffdf7; --area-tinta:#2b463b; --area-suave:#5b6456; --area-cor:#816125; --area-linha:#d9d3bf; --area-tonal:#ecebdc; background:var(--area-fundo); }
body.tema-desenvolvimento { --area-fundo:#eef5f2; --area-papel:#fcfefd; --area-tinta:#153f3d; --area-suave:#4b6360; --area-cor:#22685f; --area-linha:#c6dad4; --area-tonal:#e1efea; background:var(--area-fundo); }
#conferencia-contas { scroll-margin-top:calc(var(--altura-menu,76px) + 24px); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha { max-width:1120px; padding-top:40px; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha>.bloco { max-width:860px; margin-left:auto; margin-right:auto; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha>.ex-guia { max-width:860px; margin-left:auto; margin-right:auto; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha>.lx-painel { width:100%; max-width:1120px; margin:40px 0; transform:none; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca:not(.eco-hero) { position:relative; isolation:isolate; overflow:hidden; padding:62px clamp(24px,5vw,68px); text-align:left; margin-bottom:36px; background:var(--area-papel); border:1px solid var(--area-linha); border-bottom:3px solid var(--area-cor); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca:not(.eco-hero) h1 { position:relative; color:var(--area-tinta); font:400 clamp(36px,4.7vw,61px)/1.12 var(--serifa); letter-spacing:-.035em; max-width:850px; margin:24px 0; text-wrap:balance; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca:not(.eco-hero) .folha-rotulo { color:var(--area-cor); font-weight:600; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca:not(.eco-hero) .folha-linha { color:var(--area-suave); max-width:760px; line-height:1.9; letter-spacing:.1em; }
/* Economia: linhas de registro, papel claro e abertura verde com filetes de ouro. */
body.tema-economia .folha-cabeca:not(.eco-hero) { border-left:6px solid #9c792e; background:linear-gradient(90deg,#fffefa 62%,#eee8d8); }
body.tema-economia .folha-cabeca::after { content:''; position:absolute; right:30px; top:0; bottom:0; width:128px; background:repeating-linear-gradient(90deg,transparent 0 31px,#98752a16 31px 32px); z-index:-1; pointer-events:none; }
body.tema-economia .folha-cabeca.eco-hero { background:linear-gradient(120deg,#10291f,#244d38); border-radius:4px; border-bottom-color:#bd984a; }
body.tema-economia .eco-porta { border-radius:4px!important; }
body.tema-economia .eco-explorar .eco-porta-principal { background:#eee9d9; border-color:#c6b57e; }
/* Educação: páginas de um caderno, bordas suaves e respiro de leitura. */
body.tema-educacao .folha-cabeca { border-radius:6px 54px 6px 6px; background:linear-gradient(110deg,#fffdf7 50%,#e9eddf)!important; }
body.tema-educacao .folha-cabeca::after { content:''; position:absolute; width:210px; height:210px; border:1px solid #ad925b40; border-radius:50%; right:-42px; top:-55px; box-shadow:0 0 0 26px #b69b6220,0 0 0 52px #b69b6210; z-index:-1; pointer-events:none; }
body.tema-educacao .folha-cabeca .folha-rotulo::before { content:''; display:inline-block; width:26px; height:20px; border:1px solid currentColor; border-radius:2px 2px 6px 6px; background:linear-gradient(90deg,transparent 47%,currentColor 48% 51%,transparent 52%); vertical-align:middle; margin-right:14px; }
/* Desenvolvimento: malha geométrica e superfícies claras em verde-azulado. */
body.tema-desenvolvimento .folha-cabeca { border-radius:3px; background:linear-gradient(100deg,#fcfefd 40%,#e0eee8)!important; }
body.tema-desenvolvimento .folha-cabeca::after { content:''; position:absolute; inset:0 0 0 60%; background-image:linear-gradient(#397b6814 1px,transparent 1px),linear-gradient(90deg,#397b6814 1px,transparent 1px); background-size:32px 32px; z-index:-1; pointer-events:none; }
body.tema-desenvolvimento .folha-rotulo { font-family:Consolas,var(--sem-serifa); }
body.tema-desenvolvimento .prosperidade-hero { background:linear-gradient(115deg,#133b35,#0b2525); border-bottom:4px solid #c8a55c; }
body.tema-desenvolvimento .ol-hero { border-top:3px solid #22685f; border-bottom:1px solid #c6dad4; background:linear-gradient(110deg,transparent,#e1efea); padding-left:24px; padding-right:24px; }
/* Os mesmos componentes recebem os materiais da área em que aparecem. */
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-painel { background:var(--area-tonal); border-color:var(--area-linha); border-top-color:var(--area-cor); border-radius:5px; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-painel h2 { color:var(--area-tinta); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) :is(.lx-selo,.lx-ordem) { color:var(--area-cor); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-cartoes button { background:var(--area-papel); border-color:var(--area-linha); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-cartoes button:hover { border-color:var(--area-cor); }
body.tema-educacao .lx-cartoes button { border-radius:4px 20px 4px 4px; border-top:3px solid #b69b62; }
body.tema-desenvolvimento .lx-cartoes button { border-radius:2px; border-left:3px solid #418b79; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .ex-guia { background:var(--area-papel); border-left-color:var(--area-cor); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .ex-grafico { background:var(--area-papel); border-color:var(--area-linha); border-top-color:var(--area-cor); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .ex-tabela-rolagem { background:var(--area-papel); border-color:var(--area-linha); }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-leitor { background:var(--area-papel); border-color:var(--area-linha); }
body.tema-economia .lx-barra { background:#243e30; border-color:#bd984a; }
body.tema-educacao .lx-barra { background:#364d3e; border-color:#cbb174; }
body.tema-desenvolvimento .lx-barra { background:#163f3d; border-color:#8bb7a8; }
body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .lx-linha { background:var(--area-papel); border-color:var(--area-linha); border-top-color:var(--area-cor); }
@media(max-width:650px) {
 body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha { padding-top:24px; }
 body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca:not(.eco-hero) { padding:36px 22px; }
 body.tema-educacao .folha-cabeca { border-top-right-radius:34px; }
 body.tema-desenvolvimento .ol-hero { padding-left:16px; padding-right:16px; }
}
@media print {
 body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) { background:white; }
 body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca { background:white!important; border:0!important; }
 body:is(.tema-economia,.tema-educacao,.tema-desenvolvimento) .folha-cabeca::after { display:none; }
}