/* ============================================================
   LEGAL PAGES (privacy.html) — a plain readable text column
   ============================================================ */
.legal-hero{padding-bottom: 0; text-align: center}
.legal-hero .lead{margin-inline: auto}
.legal{padding: var(--s-8) var(--section-px) var(--section-pb)}
@media (min-width: 600px){ .legal{padding-top: var(--s-10)} }
.legal-body{max-width: 800px; margin-inline: auto; display: grid; gap: var(--gap-stack)}   /* centred document column */
.legal-body h2{color: var(--c-navy); margin-top: var(--gap-text)}   /* 24 above each section head, 12 to its text */
.legal-body h2:first-child{margin-top: 0}
.legal-body p, .legal-body li{color: var(--c-navy-80)}
.legal-body ul{padding-left: 1.2em; display: grid; gap: var(--gap-caption)}
.legal-body a{color: var(--c-navy); font-weight: var(--fw-medium); text-decoration: underline; text-underline-offset: 3px}