:root{
  --navy:#12263f;
  --navy-2:#1c3657;
  --ouro:#ffc94d;
  --tinta:#16202c;
  --cinza:#5d6875;
  --borda:#dfe4ea;
  --fundo:#f5f7fa;
  --branco:#fff;
  --link:#1f5fbf;
  --fonte:"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --tinta:#e7ecf2;
    --cinza:#9fabb8;
    --borda:#2a3746;
    --fundo:#0e1620;
    --branco:#152130;
    --link:#7fb0ff;
  }
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte);font-size:17px;line-height:1.65}
a{color:var(--link)}
img{max-width:100%}
.aviso-previa{margin:0;background:var(--ouro);color:#2b2200;text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;padding:6px}

.cab{background:var(--navy);color:#fff}
.cab-in{max-width:1180px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.logo-sel{display:grid;place-items:center;width:40px;height:40px;background:var(--ouro);color:var(--navy);font-weight:900;font-size:15px;letter-spacing:-.02em;border-radius:4px}
.logo-txt{display:flex;flex-direction:column;font-weight:800;font-size:19px;line-height:1.1;letter-spacing:-.01em}
.logo-txt small{font-weight:500;font-size:12.5px;color:#b8c6d8;letter-spacing:0;margin-top:3px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px}
.menu a{display:block;color:#e6edf6;text-decoration:none;font-size:14.5px;font-weight:600;padding:7px 11px;border-radius:4px}
.menu a:hover{background:var(--navy-2);color:#fff}

.faixa-abre{background:linear-gradient(180deg,var(--navy) 0,var(--navy-2) 100%);color:#fff;border-top:1px solid #24405f}
.faixa-abre-in{max-width:1180px;margin:0 auto;padding:44px 16px 52px}
.faixa-abre h1{margin:0 0 12px;font-size:38px;line-height:1.15;font-weight:850;letter-spacing:-.02em;max-width:760px}
.faixa-abre p{margin:0;font-size:18px;color:#c9d5e3;max-width:680px}

.miolo{max-width:800px;margin:0 auto;padding:30px 16px 72px}
.miolo.largo{max-width:1180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}
.bloco{background:var(--branco);border:1px solid var(--borda);border-radius:8px;padding:20px 22px 10px}
.bloco header h2{margin:0;font-size:21px;font-weight:800}
.bloco header h2 a{color:var(--tinta);text-decoration:none}
.bloco header h2 a:hover{color:var(--link)}
.bloco header p{margin:4px 0 6px;font-size:14px;color:var(--cinza);line-height:1.5}

.lista{list-style:none;margin:0;padding:0;counter-reset:n}
.lista li{padding:12px 0;border-top:1px solid var(--borda)}
.lista a{display:block;font-weight:700;font-size:16.5px;line-height:1.35;text-decoration:none;color:var(--tinta)}
.lista a:hover{color:var(--link);text-decoration:underline}
.lista span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--cinza)}
.sec-cab{margin-bottom:10px}
.sec-cab h1{font-size:34px;line-height:1.15;margin:6px 0 8px;font-weight:850;letter-spacing:-.02em}
.sec-cab p{margin:0 0 14px;color:var(--cinza)}

.post{background:var(--branco);border:1px solid var(--borda);border-radius:8px;padding:30px 34px 20px}
.post-sec{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.post-sec a{color:var(--link);text-decoration:none}
.post h1{font-size:34px;line-height:1.18;font-weight:850;letter-spacing:-.02em;margin:8px 0 10px}
.post-meta{margin:0 0 22px;font-size:14px;color:var(--cinza)}
.sumario{border-left:4px solid var(--ouro);background:var(--fundo);padding:12px 16px;margin:0 0 26px;font-size:15px}
.sumario summary{font-weight:800;cursor:pointer}
.sumario ul{margin:8px 0 2px;padding-left:18px}
.sumario li{margin:3px 0}
.post-corpo h2{font-size:25px;line-height:1.25;font-weight:800;margin:34px 0 10px;letter-spacing:-.01em;scroll-margin-top:12px}
.post-corpo h3{font-size:19px;line-height:1.3;font-weight:800;margin:26px 0 6px}
.post-corpo p{margin:0 0 16px}
.post-corpo ul,.post-corpo ol{margin:0 0 18px;padding-left:22px}
.post-corpo li{margin:6px 0}
.post-corpo ol>li::marker{font-weight:800;color:var(--link)}
.tbl{overflow-x:auto;margin:18px 0 24px}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.tbl th{background:var(--navy);color:#fff;text-align:left;font-weight:700;padding:9px 11px;vertical-align:bottom}
.tbl td{padding:9px 11px;border-bottom:1px solid var(--borda);vertical-align:top}
.tbl tr:nth-child(even) td{background:var(--fundo)}
.tbl td:first-child{font-weight:700;min-width:8em}

.mais{margin-top:28px}
.mais h2{font-size:18px;font-weight:800;margin:0 0 12px}
.mais-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.mais-grade a{display:block;background:var(--branco);border:1px solid var(--borda);border-radius:6px;padding:12px 14px;font-weight:700;font-size:15px;line-height:1.35;text-decoration:none;color:var(--tinta)}
.mais-grade a:hover{border-color:var(--link);color:var(--link)}

.base{background:var(--navy);color:#b8c6d8;font-size:14px}
.base-in{max-width:1180px;margin:0 auto;padding:26px 16px 34px}
.base p{margin:0 0 10px}
.base strong{color:#fff}
.base ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.base a{color:#e6edf6;text-decoration:none}
.base a:hover{text-decoration:underline}
.copy{font-size:12.5px;color:#8396ad}

@media (max-width:700px){
  body{font-size:16.5px}
  .cab-in{padding:12px 16px}
  .menu a{padding:6px 8px;font-size:14px}
  .faixa-abre-in{padding:30px 16px 36px}
  .faixa-abre h1{font-size:28px}
  .miolo{padding:18px 16px 56px}
  .miolo.largo{grid-template-columns:1fr;padding:18px 16px 56px}
  .post{padding:20px 16px 12px;border-radius:6px}
  .post h1,.sec-cab h1{font-size:27px}
  .post-corpo h2{font-size:22px}
}