/* Privacy and terms. Same shell as the landing page, one readable column.
   No cards, no decoration: these are documents, and the job is that somebody
   actually reads them. */

.legal {
  max-width: 46rem;
  margin: 0 auto;
  padding: 64px var(--gutter) 90px;
}

.legal h1 { margin: 16px 0 0; font-size: 40px; }
.legal .lede { margin-top: 18px; color: var(--muted); }
.legal h2 { font-size: 24px; margin: 44px 0 10px; }
.legal p { margin: 12px 0; max-width: none; }
.legal a { text-decoration: underline; text-underline-offset: 2px; }

@media (min-width: 900px) { .legal h1 { font-size: 56px; } }