.legal-page {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 36px;
}

.legal-kicker {
  margin: 0 0 8px;
  color: var(--accent);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.legal-page h1 {
  margin: 0 0 8px;
  font-size: 2.1rem;
}

.legal-updated {
  margin: 0 0 24px;
  color: var(--muted);
}

.legal-body {
  color: var(--ink);
  line-height: 1.7;
}

.legal-body h2,
.legal-body h3,
.legal-body h4 {
  margin: 28px 0 10px;
}

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

.legal-body ul,
.legal-body ol {
  padding-left: 1.2em;
}

.legal-body a {
  color: var(--accent);
}

@media (max-width: 640px) {
  .legal-page { padding: 22px 16px; }
  .legal-page h1 { font-size: 1.7rem; }
}