/* Long legal pages (privacidade-app.html). Loaded after styles.css. */
.top .legal-nav { display: flex; gap: 22px; margin-left: auto; }
.top .legal-nav a { white-space: nowrap; text-decoration: none; color: var(--dim); font-size: 15px; }
.top .legal-nav a:hover { color: var(--porcelain); }
.legal-doc { max-width: 820px; margin: 0 auto; padding: 48px var(--gutter) 72px; overflow-wrap: anywhere; }
.legal-doc h1 { font: 800 clamp(30px, 5vw, 46px)/1.1 var(--display); letter-spacing: -.02em; margin: 0 0 18px; }
.legal-doc #en > h1 { margin-top: 72px; padding-top: 48px; border-top: 1px solid var(--line); }
.legal-doc h2 { font: 700 24px/1.25 var(--display); margin: 44px 0 12px; }
.legal-doc h3 { font: 700 18px/1.3 var(--display); margin: 28px 0 8px; color: var(--porcelain); }
.legal-doc p, .legal-doc li { color: var(--dim); }
.legal-doc strong { color: var(--porcelain); }
.legal-doc ul { padding-left: 1.2em; }
.legal-doc li { margin: 6px 0; }
.legal-doc a { color: var(--signal-ink); }
.legal-doc code { font-family: var(--mono); font-size: .92em; background: var(--black-2); padding: 1px 5px; }
.legal-doc section { scroll-margin-top: 80px; }
@media (max-width: 640px) { .top .legal-nav { gap: 14px; } .top .legal-nav a { font-size: 14px; } }