/* Shared by the legal pages (privacy policies, terms). Split out of the
   inline <style> block each of those pages used to carry: the site's CSP is
   `style-src 'self' https://fonts.googleapis.com`, with no `unsafe-inline`,
   so an inline block is dropped by the browser exactly like an inline
   <script> is — the rules below simply never applied on production. */
.legal-content { max-width: 800px; margin: 0 auto; padding: var(--section-padding) 0; }
.legal-content h1 { margin-bottom: 32px; color: var(--on-background); }
.legal-content h2, .legal-content h3 { color: var(--on-background); margin-bottom: 16px; margin-top: 32px; }
.legal-content p { color: var(--on-surface-variant); margin-bottom: 16px; line-height: 1.6; }
.legal-content ul { list-style-type: disc; margin-left: 24px; margin-bottom: 16px; color: var(--on-surface-variant); }
.legal-content li { margin-bottom: 8px; line-height: 1.6; }
.legal-content a { color: var(--secondary); text-decoration: underline; }
.legal-content strong { color: var(--on-surface); font-weight: 600; }