/* BIEPE - privacy-policy page */

.legal-section { --sec-bg: var(--color-bg); --sec-fg: var(--color-text); --sec-muted: var(--color-text-muted); --kicker: var(--color-primary); --sec-py: 5rem; --sec-py-lg: 7rem;
  background: var(--sec-bg); color: var(--sec-fg); padding-block: var(--sec-py); @media (width >= 1024px) { padding-block: var(--sec-py-lg); } padding-block-start: calc(var(--sec-py) + var(--nav-h)); @media (width >= 1024px) { padding-block-start: calc(var(--sec-py-lg) + var(--nav-h)); } }
.legal { max-inline-size: 48rem; }
.legal__title { margin: 1rem 0 0; font-size: 1.75rem; line-height: 1.1; font-weight: var(--weight-semibold); @media (width >= 640px) { font-size: 3rem; } }
.legal__h { margin: 2.5rem 0 0; font-size: 1.5rem; line-height: 2rem; font-weight: var(--weight-semibold); }
.legal__p { margin: 0.75rem 0 0; max-inline-size: 60ch; font-size: 1rem; line-height: 1.75rem; color: var(--color-text-muted); }
.legal__updated { margin-block-start: 1rem; font-size: 0.875rem; }
.legal__list { margin: 0.75rem 0 0; padding-inline-start: 1.25rem; list-style: disc; max-inline-size: 60ch; font-size: 1rem; line-height: 1.75rem; color: var(--color-text-muted); & li + li { margin-block-start: 0.5rem; } }
.legal strong { color: var(--color-text); font-weight: var(--weight-semibold); }
.legal a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; &:hover { color: var(--color-primary); } }
.legal [id] { scroll-margin-block-start: calc(var(--nav-h) + 1rem); }