/* Typography for the legal pages (accessibility statement, privacy policy) */
.legal { padding-block: clamp(2.5rem, 6vw, 4rem); }
.legal h1 {
  font-size: clamp(1.6rem, 4vw, 2.1rem); font-weight: 700;
  margin-block-end: 1.75rem;
}
.legal h2 {
  font-size: 1.2rem; font-weight: 700; color: var(--ink);
  margin-block: 2rem .75rem;
}
.legal p { color: var(--ink-soft); margin-block-end: 1rem; }
.legal ul { margin: 0 0 1rem; padding-inline-start: 1.4rem; color: var(--ink-soft); }
.legal li { margin-block-end: .4rem; }
.legal .contact-list { list-style: none; padding: 0; }
.legal .contact-list strong { color: var(--ink); }
.legal-date { margin-block-start: 2.5rem; font-size: .85rem; color: #7c8aa3; }