/* The legal pages (terms, privacy): a reading column, the kicker + h1 + lede
   head, then one heading per section. */

.legal-head { padding-top: clamp(2rem, 6vw, 4rem); padding-bottom: 0; }
.legal-head h1 { margin-bottom: 1rem; }

.legal-body h2 { font-size: var(--h3); font-weight: var(--regular); margin: var(--xl) 0 0.6rem; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body p { margin: 0 0 var(--sm); }
.legal-body ul { margin: 0 0 var(--sm); padding-left: 1.25rem; }
.legal-body li { margin-bottom: 0.4rem; }