:root{--vermelho:#D62027;--vermelho-escuro:#A5171C;--amarelo:#F7D117;--ink:#1a1d21;--cinza:#5b626b;--fundo:#f4f4f0;--branco:#fff;--borda:#e2e2dd}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--fundo);color:var(--ink);line-height:1.65;font-size:16px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header{background:var(--vermelho);color:#fff;padding:32px 0 36px}
.marca{display:inline-flex;font-weight:800;font-size:20px;letter-spacing:.5px;background:rgba(255,255,255,.14);padding:5px 11px;border-radius:8px;color:#fff;text-decoration:none}
.marca span{color:var(--amarelo)}
header h1{font-size:clamp(26px,6vw,34px);margin-top:18px;font-weight:800;line-height:1.15}
header p{margin-top:8px;opacity:.92;max-width:60ch}
main{padding:28px 0 48px}
section{background:var(--branco);border:1px solid var(--borda);border-radius:12px;padding:20px 18px;margin-bottom:16px}
h2{font-size:19px;margin-bottom:10px}
h3{font-size:16px;margin:14px 0 6px;color:var(--vermelho-escuro)}
p{margin-bottom:10px}
ul,ol{margin:6px 0 10px 22px}
li{margin-bottom:6px}
a{color:var(--vermelho);font-weight:600}
a:hover{color:var(--vermelho-escuro)}
table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0}
th,td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--borda)}
th{color:var(--cinza);font-weight:600}
.nota{border-left:4px solid var(--amarelo);background:#fffdf2;padding:12px 14px;border-radius:0 8px 8px 0;margin:12px 0}
.muted{color:var(--cinza);font-size:15px}
footer{border-top:1px solid var(--borda);padding:22px 0 36px;color:var(--cinza);font-size:14px;text-align:center}
@media (min-width:640px){section{padding:26px 26px 22px}header{padding:40px 0 44px}}