.legal { padding-block: clamp(2.25rem, 5.5vw, 4rem); }
.legal-wrap { max-width: 42rem; }
.legal h1 { font-size: clamp(1.9rem, 3.4vw, 2.5rem); margin-top: 0.6rem; }

.legal-todo {
  margin-top: 1.8rem;
  background: var(--mist);
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: var(--radius);
  padding: 1.1rem 1.4rem;
  font-size: 0.92rem;
  color: var(--wood);
}

.legal-body { margin-top: 2.2rem; }
.legal-body h2 { font-size: 1.15rem; margin-top: 2rem; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body h3 { font-size: 0.98rem; margin-top: 1.8rem; color: var(--ink); }
.legal-body p { margin-top: 0.6rem; color: var(--ink); }
.legal-body ul { margin-top: 0.6rem; padding-left: 1.15rem; list-style: disc; }
.legal-body li { margin-top: 0.35rem; color: var(--ink); }
.legal-body li::marker { color: var(--gold); }
.legal-body a { text-decoration: underline; text-underline-offset: 2px; color: var(--forest); }
.legal-planned {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.2em 0.6em;
  vertical-align: middle;
  transform: translateY(-2px);
}