.legal-body {
  background: #071021;
}

.legal {
  position: relative;
  z-index: 1;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 12px clamp(20px, 4vw, 48px) 56px;
}

.legal h1 {
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  letter-spacing: -0.02em;
}

.legal h2 {
  margin: 28px 0 10px;
  font-family: var(--font-display);
  font-size: 1.15rem;
}

.legal p,
.legal li {
  color: var(--muted);
  line-height: 1.6;
}

.legal ul {
  margin: 0 0 14px;
  padding-left: 1.2rem;
  color: var(--muted);
}

.legal strong { color: var(--ink); }

.legal-meta {
  margin-top: 32px;
  font-family: var(--font-display);
  font-size: 0.85rem;
}