/* Estilo compartilhado das páginas legais — mesma paleta clara da landing. */
:root {
  --background: #e4eef0;
  --on-surface: #0e1e2e;
  --on-surface-variant: #3d5567;
  --outline-variant: #b6cad2;
  --primary: #05674a;
  --iol: #065f46;
}
* { margin: 0; box-sizing: border-box; }
body {
  background: var(--background);
  color: var(--on-surface);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  background-image:
    radial-gradient(55vw 55vw at 8% -12%, rgb(16 185 129 / 0.10), transparent 60%),
    radial-gradient(50vw 50vw at 108% 4%, rgb(20 130 180 / 0.08), transparent 60%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.wrap { max-width: 820px; margin: 0 auto; padding: 0 24px 64px; }
header { display: flex; align-items: center; justify-content: space-between; padding: 26px 0 40px; }
.logo { height: 40px; width: auto; }
header a { color: var(--primary); text-decoration: none; font-weight: 600; font-size: 15px; }
header a:hover { text-decoration: underline; text-underline-offset: 4px; }
h1 { font-size: clamp(28px, 4vw, 38px); line-height: 1.2; letter-spacing: -0.02em; }
.updated {
  font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.05em;
  color: var(--on-surface-variant); margin: 10px 0 36px;
}
h2 { font-size: 21px; margin: 36px 0 10px; letter-spacing: -0.01em; }
p, li { color: var(--on-surface-variant); }
p { margin: 10px 0; }
ul { margin: 10px 0 10px 22px; }
li { margin: 6px 0; }
strong { color: var(--on-surface); font-weight: 600; }
a { color: var(--primary); }
.destaque {
  border-left: 3px solid var(--iol);
  background: rgb(6 95 70 / 0.06);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px; margin: 18px 0;
}
.destaque p { margin: 0; }
footer {
  border-top: 1px solid var(--outline-variant);
  margin-top: 48px; padding-top: 22px;
  font-size: 13px; color: var(--on-surface-variant);
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
footer a { color: var(--on-surface-variant); }