/* The legal pages (written by tool/generate_legal_pages.mjs), on top of
   landing.css. */

.legal {
  padding: clamp(110px, 14vw, 160px) 0 clamp(60px, 8vw, 110px);
}

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

.legal h1 {
  font: 800 clamp(28px, 4.4vw, 46px) / 1.08 var(--display);
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}

.legal h2 {
  font: 700 clamp(18px, 2vw, 22px) / 1.2 var(--display);
  letter-spacing: -0.01em;
  margin: 44px 0 12px;
}

.legal h3 {
  font: 700 17px/1.3 var(--body);
  color: var(--gold);
  margin: 24px 0 6px;
}

.legal p,
.legal address {
  color: var(--ink-soft);
  font-style: normal;
  margin-bottom: 12px;
}

.legal a {
  color: var(--violet-light);
  text-underline-offset: 3px;
}

.legal .demo {
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255, 197, 61, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 197, 61, 0.5);
  color: var(--gold-light);
  font-weight: 600;
  margin-bottom: 32px;
}

.legal .stand {
  margin-top: 44px;
  font-size: 14px;
}

.legal .second {
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid var(--line);
}