/* Paginas legais (/privacidade e /termos). Herda tokens de styles.css; nenhum valor de cor novo. */
.legal { max-width: calc(760px + 2 * var(--gutter)); padding-top: 64px; padding-bottom: 96px; }
.legal h1 { font-family: var(--font-display); font-weight: 600; color: var(--fg); font-size: var(--h2); line-height: 1.15; }
.legal h2 { font-family: var(--font-display); font-weight: 600; color: var(--fg); font-size: var(--h3); line-height: 1.3; margin-top: 48px; }
.legal p, .legal li { color: var(--body-text); }
.legal p { margin-top: 16px; }
.legal ul, .legal ol { margin-top: 12px; padding-left: 24px; }
.legal li { margin-top: 8px; }
.legal strong { color: var(--fg); font-weight: 600; }
.legal a { color: var(--accent); text-underline-offset: 4px; }
.legal a:hover { color: var(--accent-hover); }
.legal .updated { color: var(--muted); font-size: var(--label); margin-top: 12px; }
.legal .addr { line-height: 1.8; }
.legal .links { margin-top: 56px; color: var(--muted); }
@media (max-width: 767px) { .legal { padding-top: 40px; padding-bottom: 64px; } }