/* Legal pages: Privacy / Terms — typography only */

.legal-page {
  padding: 56px 0 72px;
}

.legal-wrap {
  max-width: 760px;
}

.legal-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-3);
  margin: 0 0 14px;
}

.legal-page h1 {
  font-size: 36px;
  line-height: 1.18;
  font-weight: 700;
  margin: 0 0 14px;
  color: var(--ink-1);
  letter-spacing: -0.01em;
}

.legal-updated {
  font-size: 13px;
  color: var(--ink-3);
  margin: 0 0 36px;
}

.legal-body {
  font-size: 15px;
  line-height: 1.78;
  color: var(--ink-2);
}

.legal-body h2 {
  font-size: 19px;
  font-weight: 600;
  color: var(--ink-1);
  margin: 38px 0 12px;
  letter-spacing: -0.005em;
}

.legal-body h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--ink-1);
  margin: 22px 0 8px;
}

.legal-body p {
  margin: 0 0 14px;
}

.legal-body ul {
  margin: 8px 0 14px;
  padding-left: 22px;
}

.legal-body li {
  margin: 4px 0;
}

.legal-body a {
  color: var(--accent, #34c597);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-body strong {
  color: var(--ink-1);
  font-weight: 600;
}

@media (max-width: 720px) {
  .legal-page { padding: 36px 0 56px; }
  .legal-page h1 { font-size: 28px; }
}