:root {
  --legal-navy: #172b4d;
  --legal-muted: #64748b;
  --legal-border: #e8ecf1;
  --legal-bg: #f8fafc;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--legal-bg);
  color: #1a2332;
  line-height: 1.65;
}

.legal-header {
  background: #fff;
  border-bottom: 1px solid var(--legal-border);
  padding: 16px 20px;
  text-align: center;
}

.legal-header a {
  display: inline-flex;
  text-decoration: none;
}

.legal-header img {
  height: 32px;
  width: auto;
}

.legal-brand-text {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #1a1a2e;
  letter-spacing: -0.02em;
}

.legal-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 20px 48px;
}

.legal-page h1 {
  font-size: 28px;
  color: var(--legal-navy);
  margin-bottom: 8px;
}

.legal-page .legal-updated {
  font-size: 13px;
  color: var(--legal-muted);
  margin-bottom: 28px;
}

.legal-page h2 {
  font-size: 18px;
  color: var(--legal-navy);
  margin: 28px 0 10px;
}

.legal-page p,
.legal-page li {
  font-size: 15px;
  margin-bottom: 12px;
}

.legal-page ul {
  padding-left: 20px;
  margin-bottom: 16px;
}

.legal-page a {
  color: var(--legal-navy);
}

.legal-footer {
  background: #fff;
  border-top: 1px solid var(--legal-border);
  padding: 20px 16px 28px;
  text-align: center;
}

.legal-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  margin-bottom: 10px;
}

.legal-footer__links a {
  font-size: 13px;
  color: var(--legal-muted);
  text-decoration: none;
}

.legal-footer__links a:hover {
  color: var(--legal-navy);
}

.legal-footer__copy {
  font-size: 12px;
  color: #94a3b8;
}

.legal-footer--compact {
  margin-top: 32px;
  background: transparent;
  border-top: 1px solid var(--legal-border);
  padding-top: 20px;
}