:root { color-scheme: dark; --fundo:#0f1419; --lula:#e0605a; --flavio:#5b8fe0; --painel:#182029; --linha:#2c3846; --tx:#e6ebf0; --tx-2:#9aa7b4; --anom:#e0a526;
  --f-disp:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif; --f-corpo:"Source Sans 3",system-ui,sans-serif; --f-num:"IBM Plex Mono",ui-monospace,monospace; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { color-scheme: light; --fundo:#eef1f4; --painel:#fff; --linha:#d6dce2; --tx:#17202a; --tx-2:#5b6876; --anom:#b07800; --lula:#c0352e; --flavio:#2a5fb8; } }
:root[data-theme="light"] { color-scheme: light; --fundo:#eef1f4; --painel:#fff; --linha:#d6dce2; --tx:#17202a; --tx-2:#5b6876; --anom:#b07800; --lula:#c0352e; --flavio:#2a5fb8; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--tx); font: 17px/1.6 var(--f-corpo); }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font: 700 34px/1.1 var(--f-disp); margin: 8px 0 4px; letter-spacing: .01em; }
h2 { font: 600 22px/1.2 var(--f-disp); margin: 40px 0 8px; }
p, li { margin: 0 0 10px; }
a { color: inherit; }
.sub { color: var(--tx-2); margin-bottom: 24px; }
.aviso { border-left: 3px solid var(--anom); padding: 10px 14px; background: var(--painel); border-radius: 0 8px 8px 0; }
table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 8px 0 16px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--linha); }
th { font: 600 13px var(--f-corpo); color: var(--tx-2); text-transform: uppercase; letter-spacing: .04em; }
code, .num { font-family: var(--f-num); font-size: .9em; }
.voltar { font: 600 15px var(--f-disp); text-decoration: none; }
@media (max-width: 560px) { table, tbody, tr, td { display: block; } thead { display: none; } td { border: 0; padding: 2px 0; } tr { border-bottom: 1px solid var(--linha); padding: 8px 0; } }

.topo { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:baseline; justify-content:space-between; max-width:960px; margin:0 auto; padding:16px 16px 0; }
.marca { font:700 22px/1 var(--f-disp); text-decoration:none; }
.topo nav { display:flex; gap:16px; font:600 15px var(--f-disp); }
.topo nav a { text-decoration:none; color:var(--tx-2); } .topo nav a:hover { color:var(--tx); }
main.largo { max-width:960px; }
.rodape { max-width:960px; margin:0 auto; padding:24px 16px 48px; color:var(--tx-2); font-size:14px; border-top:1px solid var(--linha); }
.rodape p { margin:0 0 4px; }
.kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:16px 0 8px; }
.kpi { background:var(--painel); border:1px solid var(--linha); border-radius:10px; padding:12px 14px; }
.kpi b { display:block; font:600 26px/1.1 var(--f-num); }
.kpi span { color:var(--tx-2); font-size:14px; }
.l { color:var(--lula); } .f { color:var(--flavio); }
td.num, th.num { text-align:right; font-family:var(--f-num); font-size:14px; white-space:nowrap; padding-left:10px; }
.tabela { overflow-x:auto; }
.ufs { columns:3 180px; padding:0; list-style:none; } .ufs li { margin:0 0 6px; }
details { background:var(--painel); border:1px solid var(--linha); border-radius:8px; padding:10px 14px; margin:0 0 10px; }
summary { font-weight:600; cursor:pointer; }
@media (max-width:560px) { .tabela table, .tabela tbody, .tabela tr, .tabela td { display:revert; } .tabela thead { display:revert; } .tabela td { border-bottom:1px solid var(--linha); padding:6px 6px 6px 0; } .tabela tr { border:0; padding:0; } }