/* Self-contained styling for the legal pages (privacy, terms, data-exclusion).
   Depends only on css/variables.css tokens — independent of the landing bundle. */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-sans, 'Inter', system-ui, sans-serif);
  background: var(--background, #fafafa);
  color: var(--foreground, #0a0a0a);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent-to, #ec4899); }

.legal-nav {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 860px; margin: 0 auto; padding: 1.5rem 1.5rem 0;
}
.legal-brand {
  font-weight: 800; font-size: 1.25rem; letter-spacing: -0.02em; text-decoration: none;
  background: var(--accent-gradient, linear-gradient(135deg, #f97316, #ec4899));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.legal-nav .back { font-size: .875rem; color: var(--muted-foreground, #71717a); text-decoration: none; }

.legal-page { max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
.legal-page-header { border-bottom: 1px solid var(--border, #e4e4e7); padding-bottom: 1.5rem; margin-bottom: 2rem; }
.legal-page-header h1 { font-size: 2rem; letter-spacing: -0.02em; margin: 0 0 .25rem; }
.legal-version { color: var(--muted-foreground, #71717a); font-size: .875rem; margin: 0 0 1rem; }
.legal-also { text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; color: var(--muted-foreground, #71717a); margin: 0 0 .35rem; }
.legal-page-header a { display: inline-block; margin-right: 1rem; font-size: .9rem; }

.legal-content section { margin-bottom: 2rem; }
.legal-content h3 { font-size: 1.15rem; letter-spacing: -0.01em; margin: 1.5rem 0 .5rem; }
.legal-content h4 { font-size: .98rem; margin: 1rem 0 .35rem; }
.legal-content p { margin: 0 0 .75rem; }
.legal-content ul { margin: 0 0 .75rem; padding-left: 1.25rem; }
.legal-content ul.no-bullets { list-style: none; padding-left: 0; }
.legal-content li { margin-bottom: .4rem; }
.legal-content em { color: var(--muted-foreground, #52525b); }

.legal-foot {
  max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem;
  border-top: 1px solid var(--border, #e4e4e7); font-size: .8rem; color: var(--muted-foreground, #71717a);
}
.legal-foot a { margin-right: 1rem; }