/* Long-form pages: privacy, terms, safety, support.
   Built on style.css — this only adds what prose needs. */

.legal {
  max-width: 720px;
  padding-block: 60px 100px;
}

.kicker {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.legal h1 {
  font-size: clamp(34px, 5vw, 46px);
  margin-top: 14px;
}

.updated {
  margin-top: 14px;
  font-size: 13.5px;
  color: var(--faint);
  font-weight: 600;
}

.legal .lede {
  margin-top: 26px;
  font-size: 18px;
  line-height: 1.65;
  color: var(--text-2);
  max-width: none;
}

.legal h2 {
  font-size: 24px;
  margin-top: 46px;
}

.legal h3 {
  font-size: 17px;
  margin-top: 30px;
  color: var(--text);
}

.legal p {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-2);
}

.legal ul {
  margin-top: 16px;
  padding-left: 22px;
}

.legal li {
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-2);
  margin-top: 9px;
}

.legal strong { color: var(--text); font-weight: 700; }

/* The withdrawal warning. Ice rather than red: this is a caution to take seriously, not
   an alarm, and the palette reserves red for nothing at all. */
.notice {
  margin-top: 30px;
  padding: 22px 24px;
  border-radius: 20px;
  background: rgba(159, 212, 232, 0.08);
  border: 1px solid rgba(159, 212, 232, 0.24);
}

.notice p {
  margin: 0;
  color: var(--text);
  font-size: 16px;
  line-height: 1.65;
}

@media (max-width: 640px) {
  .legal { padding-block: 40px 70px; }
  .legal h2 { margin-top: 38px; }
}