*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-texto);font-size:1rem;line-height:1.55;font-stretch:100%;
  font-variant-numeric:lining-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100dvh}
h1,h2,h3,h4{margin:0;line-height:1.08;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
h1,h2{font-stretch:118%}
h1{font-size:var(--t-2xl);font-weight:750}
h2{font-size:var(--t-xl)}
h3{font-size:var(--t-l);font-stretch:100%;line-height:1.2}
h4{font-size:var(--t-m);font-stretch:100%}
p,ul,ol,dl,figure,blockquote{margin:0}
p{max-width:var(--medida);text-wrap:pretty}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}
a:hover{text-decoration-thickness:.16em}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px;box-shadow:0 0 0 6px var(--papel)}
::selection{background:var(--janela);color:var(--papel)}
[hidden]{display:none!important}
table{border-collapse:collapse;width:100%}
code,kbd,.dados{font-family:var(--f-dados);font-variant-numeric:tabular-nums lining-nums;font-size:.92em}
.dados{font-feature-settings:"zero" 0}
.so-leitor{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.pular{position:absolute;left:var(--e4);top:-4rem;z-index:100;background:var(--acao);color:var(--acao-texto);padding:var(--e3) var(--e4);border-radius:var(--r-m);transition:top var(--d-rapido)}
.pular:focus{top:var(--e3)}
.envoltorio{width:min(100% - 2*var(--gutter),var(--largura));margin-inline:auto}
.envoltorio--app{width:min(100% - 2*var(--gutter),var(--largura-app))}
.pilha>*+*{margin-top:var(--espaco,var(--e4))}
.rotulo{font-stretch:75%;font-weight:700;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.lead{font-size:var(--t-m);color:var(--tinta-2);line-height:1.6}
.suave{color:var(--tinta-2)}
.pequeno{font-size:var(--t-xs);color:var(--tinta-3);line-height:1.5}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
[tabindex="-1"]:focus{outline:none;box-shadow:none}