/* Páginas institucionais (termos, privacidade, 404) — tokens em /tokens.css */
.legal { max-width: 760px; margin: 0 auto; padding: 28px 16px 48px; line-height: var(--leading-long); }
.legal .logo { padding: 0; margin: 18px 0 10px; color: var(--color-heading); }
.legal h1 { font-size: 1.8rem; margin: 8px 0 4px; letter-spacing: -.02em; }
.legal h2 { font-size: 1.12rem; margin: 30px 0 8px; scroll-margin-top: 16px; }
.legal p, .legal li { font-size: 1rem; }
.legal ul { padding-left: 1.2em; display: grid; gap: 8px; }
.legal-meta { color: var(--color-text-secondary); font-size: .9rem; margin: 0 0 18px; }
.legal-voltar { font-size: .9rem; font-weight: 600; text-decoration: none; }
.legal-indice { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 14px 16px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); font-size: .88rem; }
.legal-indice a { text-decoration: none; }
.legal-indice a:hover { text-decoration: underline; }
.legal .rodape { margin-top: 40px; background: transparent; }