:root {
  --papel: #f5f1ea;
  --tinta: #1b1c1f;
  --suave: #5b5d63;
  --linha: #ddd5c8;
  --cobre: #a4552c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --papel: #16171a;
    --tinta: #ece7de;
    --suave: #a3a39f;
    --linha: #33342f;
    --cobre: #e08b5c;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font: 400 17px/1.65 "Manrope", system-ui, sans-serif;
}
.folha { max-width: 680px; margin: 0 auto; padding: 72px 20px 40px; }
.kicker {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cobre);
}
.kicker a { color: inherit; text-decoration: none; }
h1 {
  margin: 0 0 18px;
  font: 700 clamp(2.1rem, 6vw, 3.1rem)/1.08 "Bricolage Grotesque", system-ui, sans-serif;
  letter-spacing: -.02em;
}
h2 {
  margin: 44px 0 12px;
  font: 600 1.3rem/1.25 "Bricolage Grotesque", system-ui, sans-serif;
}
.lead { font-size: 1.12rem; color: var(--tinta); }
.data { margin: -6px 0 18px; color: var(--suave); font-size: 15px; }
p { margin: 0 0 14px; }
.lista { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--linha); }
.lista li { padding: 14px 0; border-bottom: 1px solid var(--linha); }
a { color: var(--cobre); text-underline-offset: 3px; }
.links { margin-top: 36px; font-weight: 700; }
.en { margin-top: 56px; padding-top: 8px; border-top: 1px solid var(--linha); color: var(--suave); font-size: 15px; }
.en h2 { font-size: 1rem; margin-top: 24px; color: var(--tinta); }
.rodape { max-width: 680px; margin: 0 auto; padding: 0 20px 48px; color: var(--suave); font-size: 14px; }
