main.legal {
  width: min(640px, 100%);
}

main.legal h1 {
  font-family: var(--engage-font-heading);
}

main.legal h2 {
  margin: 1.75rem 0 0.65rem;
  font-family: var(--engage-font-heading);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.3;
  color: var(--text);
}

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

main.legal ul {
  margin: 0.25rem 0 0;
  padding-left: 1.25rem;
}

main.legal a {
  color: var(--engage-primary);
  text-decoration: none;
}

main.legal a:hover {
  text-decoration: underline;
}

main.legal .legal-brand {
  font-family: var(--engage-font-heading);
  color: var(--text);
}