/* Legal pages (privacy-policy.html). Loaded after styles.css and shared.css. */

/* No hero banner, so the header sits on a solid dark bar and the text starts below it */
.legal { padding-block: calc(78px + var(--section-y)) var(--section-y); } /* 78px = the compact header (62px logo + 2 x 8px) */
.legal__body { width: min(max(50vw, 560px), 100%); margin-inline: auto; text-align: left; } /* about half the page, centered; full width on small screens */
.legal__body > * + * { margin-top: 20px; }
.legal__body h1 { margin-bottom: clamp(24px, 3vw, 40px); }
.legal__body h3 { margin-top: clamp(36px, 4vw, 56px); }
.legal__body h3 + * { margin-top: 16px; }
.legal__body strong { font-weight: 400; } /* only one weight of each font is loaded, so no faux bold */
.legal__body ul li { position: relative; padding-left: 24px; }
.legal__body ul li + li { margin-top: 12px; }
.legal__body ul li::before { /* the logo's chevron as the bullet */
  content: ""; position: absolute; left: 0; top: .5em; width: 9px; height: 12px; background: var(--accent);
  -webkit-mask: var(--chevron) center / contain no-repeat; mask: var(--chevron) center / contain no-repeat;
}
.legal__body a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--accent); transition: color .25s var(--ease); }
.legal__body a:hover { color: var(--accent); }
@media (max-width: 1024px) { .legal { padding-top: calc(70px + var(--section-y)); } } /* 70px = the compact header once the nav collapses (54px logo + 2 x 8px) */