/* The privacy, terms and disclaimer pages: one plate of reading text under the hero. */
.legal-page .hero { padding-bottom: 64px; }
.legal-page .hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
.legal { max-width: 760px; }
.legal h2 {
  font-family: var(--sans); font-weight: 600; font-stretch: normal;
  font-size: 1.3rem; line-height: 1.3; letter-spacing: -.01em; margin: 2em 0 .6em;
}
.legal > h2:first-child { margin-top: 0; }
.legal ul { padding-left: 1.2em; margin: 0 0 1em; }
.legal li { margin: 0 0 .55em; color: var(--muted); }
.legal code { color: var(--text); font-size: .9em; }
.legal table { margin: 0 0 1.2em; }
.legal td { vertical-align: top; }
.legal th:first-child, .legal td:first-child { width: 55%; color: var(--text); }
.legal .wide { overflow-x: auto; }
@media (max-width: 600px) { .legal th, .legal td { padding: 10px; } }