/* Terms and Privacy: one plain reading column in the site's mono, like the
   Build page's documentation. */
.legal {
  max-width: 760px;
  margin-top: 48px;
  padding-bottom: 48px;
  font: 15px / 1.6 var(--mono);
}

.legal h1 {
  font: 700 40px / var(--lh-sans) var(--sans);
  letter-spacing: -0.06em;
}

.legal__date { margin-top: 4px; color: #777; font-size: 13px; }

.legal h2 {
  margin-top: 36px;
  font: 700 22px / var(--lh-sans) var(--sans);
  letter-spacing: var(--track-tight);
}

.legal p,
.legal ul { margin-top: 12px; }
.legal ul { padding-left: 20px; list-style: disc; }
.legal li + li { margin-top: 6px; }
.legal__caps { font-size: 13px; }

@media (max-width: 600px) {
  .legal h1 { font-size: 32px; }
}