:root{--texto:#241E1A;--mogno:#5D3323;--terracota:#7F311D;--areia:#DBB186;--fundo:#FBF8F4;--superficie:#FFFFFF;--borda:#E7DCCF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.7}
.topo{background:var(--superficie);border-bottom:3px solid var(--areia)}
.topo .conteudo{display:flex;align-items:center;padding-block:1.1rem}
.topo img{display:block;height:auto;width:min(260px,70vw)}
.conteudo{max-width:46rem;margin-inline:auto;padding-inline:1.25rem}
main.conteudo{padding-block:2.25rem 3rem}
h1{font-size:clamp(1.65rem,4.5vw,2.1rem);line-height:1.25;color:var(--mogno);margin:0 0 .5rem}
h2{font-size:1.3rem;line-height:1.3;color:var(--mogno);margin:2.25rem 0 .5rem}
p,ul{margin:.75rem 0}
ul{padding-left:1.4rem}
li{margin:.35rem 0}
a{color:var(--terracota);text-decoration:underline;text-underline-offset:.15em}
a:hover{color:var(--mogno)}
a:focus-visible{outline:3px solid var(--terracota);outline-offset:3px;border-radius:2px}
.meta{color:#5b504a;font-size:.95rem;margin:0 0 1.5rem}
.destaque{background:var(--superficie);border:1px solid var(--borda);border-left:5px solid var(--terracota);border-radius:6px;padding:1rem 1.25rem;margin:1.5rem 0}
.destaque p{margin:.4rem 0}
.botao{display:inline-block;background:var(--mogno);color:#fff;text-decoration:none;padding:.7rem 1.2rem;border-radius:6px;font-weight:600}
.botao:hover{background:var(--terracota);color:#fff}
.botao:focus-visible{outline:3px solid var(--terracota);outline-offset:3px}
.rodape{border-top:1px solid var(--borda);background:var(--superficie);color:#5b504a;font-size:.95rem}
.rodape .conteudo{padding-block:1.25rem}
.rodape p{margin:.25rem 0}
.destaque a,.rodape a{overflow-wrap:anywhere}
.destaque strong{font-size:clamp(.95rem,4.2vw,1.0625rem)}