/* ===== Páginas jurídicas (privacidade.html / termos.html) =====
   Reaproveita os tokens de css/style.css. Layout de leitura simples,
   tema claro/escuro pelo mesmo data-theme das outras páginas. */

.legal-body{
  max-width:760px;margin:0 auto;padding:0 18px 80px;
  color:var(--text);background:var(--ground);
  font-size:15px;line-height:1.7;
}
.legal-topbar{
  display:flex;align-items:center;gap:10px;
  padding:16px 0 14px;margin-bottom:8px;
  border-bottom:1px solid var(--border);
}
.legal-topbar img{border-radius:50%}
.legal-topbar .brand{font-size:15px;font-weight:700}
.legal-topbar .brand b{color:var(--accent)}
.legal-back{margin-left:auto;font-size:13px}
.legal-back a{color:var(--muted);text-decoration:none}
.legal-back a:hover{color:var(--accent);text-decoration:underline}

.legal-body h1{font-size:22px;margin:22px 0 6px;text-align:left}
.legal-body .legal-updated{color:var(--muted);font-size:12.5px;margin-bottom:22px}
.legal-body h2{
  font-size:16px;margin:28px 0 8px;padding-top:14px;text-align:left;
  border-top:1px solid var(--border);color:var(--accent);
}
.legal-body h2:first-of-type{border-top:none;padding-top:0}
.legal-body h3{font-size:14px;margin:16px 0 4px;text-align:left}
.legal-body p{margin:0 0 10px}
.legal-body ul{margin:0 0 12px;padding-left:22px}
.legal-body li{margin:4px 0}
.legal-body a{color:var(--accent)}
.legal-body code{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:5px;padding:1px 5px;font-size:13px;
}
.legal-note{
  margin-top:14px;padding:12px 14px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--border);
  font-size:13px;color:var(--text-soft);line-height:1.6;
}
.legal-todo{
  margin:10px 0;padding:10px 14px;border-radius:10px;
  border:1px dashed var(--gold-line);color:var(--gold);
  background:var(--gold-quiet);
  font-size:13px;line-height:1.55;
}