:root{
  --creme:#F4F6E9;
  --creme-card:#FBFCF4;
  --navy:#00233C;
  --petroleo:#105456;
  --petroleo-hover:#0B3F41;
  --turquesa:#62A1A3;
  --mist:#97B0B7;
  --texto:#3E5A68;
  --linha:rgba(0,35,60,.14);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--creme);color:var(--navy);
  font-family:var(--sans);font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
.container{
  max-width:760px;margin-inline:auto;
  padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px));
}
.topo{border-bottom:1px solid var(--linha);background:var(--creme)}
.topo .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;max-width:1120px}
.marca{text-decoration:none;display:block}
.marca .nome{display:block;font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--navy)}
.marca .espec{display:block;font-size:9px;letter-spacing:.26em;color:var(--petroleo);margin-top:2px}
.voltar{font-size:15px;color:var(--petroleo);text-decoration:underline;text-underline-offset:4px}
.minuta{
  background:var(--navy);color:var(--creme);
}
.minuta .container{padding-block:16px;max-width:1120px}
.minuta p{margin:0;font-size:14.5px;line-height:1.6;color:var(--creme)}
.minuta strong{color:#fff}
main{padding-block:44px 64px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,6vw,42px);line-height:1.14;margin:0 0 10px}
h2{font-family:var(--sans);font-weight:600;font-size:20px;line-height:1.3;margin:38px 0 10px}
h3{font-family:var(--sans);font-weight:600;font-size:17px;margin:24px 0 8px}
p,li{color:var(--texto)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--petroleo)}
.data{font-size:14px;color:var(--texto);margin-bottom:28px}
.marcador{
  background:var(--creme-card);border-left:3px solid var(--turquesa);
  padding:14px 16px;margin:0 0 18px;border-radius:0 8px 8px 0;
}
.marcador p:last-child{margin-bottom:0}
.rodape{background:var(--navy);color:var(--mist);padding-block:32px;font-size:14.5px;line-height:1.6}
.rodape p{color:var(--mist)}
.rodape .container{max-width:1120px}
.rodape a{color:var(--mist)}
:where(a,button):focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:4px}
.minuta :where(a,button):focus-visible{outline-color:var(--creme)}