/*
 * legal.css - typography for long-form policy pages (terms.html and similar).
 * styles.css resets margin/list-style globally, so this puts back the
 * spacing and bullets needed for readable prose.
 */
.legal-updated {
  margin: 0 0 28px;
  color: var(--foreground);
}

.legal h2 {
  margin: 40px 0 14px;
  font-size: 22px;
}

.legal h2:first-of-type {
  margin-top: 0;
}

.legal p {
  margin: 0 0 16px;
  max-width: 68ch;
  color: #384a55;
}

.legal ul {
  margin: 0 0 16px;
  padding-left: 22px;
  max-width: 68ch;
  list-style: disc;
}

.legal li {
  margin: 0 0 8px;
  color: #384a55;
}

.legal a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal .notice {
  margin-bottom: 36px;
}