.legal { padding: 9rem 0 5rem; }
.legal__wrap { max-width: 760px; margin: 0 auto; }
.legal h1 { font-family: var(--font-display, inherit); font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.15; margin: 0 0 .5rem; color: var(--color-text); }
.legal .legal__updated { color: var(--color-text-muted); font-size: .875rem; margin: 0 0 2.5rem; }
.legal h2 { font-size: 1.25rem; margin: 2.25rem 0 .75rem; color: var(--color-text); }
.legal p, .legal li { color: var(--color-text-muted); line-height: 1.7; }
.legal p { margin: 0 0 1rem; }
.legal ul { margin: 0 0 1rem 1.25rem; padding: 0; }
.legal li { margin-bottom: .4rem; }
.legal a { color: var(--color-primary, #3b8ef5); }
.footer__legal a { color: inherit; text-decoration: none; }
.footer__legal a:hover { text-decoration: underline; }
.footer__legal span { opacity: .5; margin: 0 .35rem; }