/* thank-you, 404, privacy, terms: placements and page spacing only. Components and type live in
   exco-foundation-3.0.0.css and commercial.css (D 6). Plan 4.8. */

/* one reading column at the measure (60ch of body text plus the gutters) */
.util__col { max-width: calc(var(--measure) + 2 * var(--gutter)); }

/* thank-you and 404: the only centred pages; the statement sits in the middle of the space above the footer */
main:has(> .util--center) { display: flex; flex-direction: column; justify-content: center; }
.util--center { padding-block: var(--s-9); text-align: center; }
.util--center :is(h1, .lead) { margin-inline: auto; }
.util--center .lead { margin-top: var(--s-5); }
.util--center .btn-row { justify-content: center; margin-top: var(--s-6); }

/* privacy and terms: h1, the two open items, then sections on a 48/16 h2 rhythm */
.util--legal h1 { margin-bottom: var(--s-6); }
.legal { margin-top: var(--s-8); }
.legal h2 { margin: var(--s-7) 0 var(--s-4); }
.legal__section:first-child h2 { margin-top: 0; }
.legal h3 { margin: var(--s-5) 0 var(--s-2); }