/* Privacy policy — a plain legal document on the cream page background.
   Headings are Roboto, the body is the sitewide EB Garamond. */

.legal { padding: 10px; }

.legal-title,
.legal-body h2,
.legal-body h3,
.legal-body h4 {
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--navy);
}

.legal-title { margin: 0; padding: 25px; font-size: 32px; line-height: 1; }

.legal-body { margin-top: 20px; padding: 25px; }
.legal-body p { margin: 0; }
.legal-body h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.1; }
.legal-body h3 { margin: 0 0 14px; font-size: 28px; line-height: 1.1; }
.legal-body h4 { margin: 0 0 12px; font-size: 24px; line-height: 1.1; }
.legal-body ul { margin: 0; padding-left: 40px; list-style: disc outside; }
.legal-body li { margin: 0; }
/* The live page renders the defined terms at 400, a half-step above the 300 body. */
.legal-body strong { font-weight: 400; }
.legal-body a { color: var(--navy); }
.legal-body hr { margin: 0; border: 1px inset var(--text); }