.top { padding-block: 22px; }
.legal { max-width: 720px; padding-block: 32px 64px; }
.legal h1 { font-family: var(--font-display); font-style: var(--display-style); font-weight: var(--display-weight); font-size: var(--step-3); letter-spacing: var(--display-tracking); line-height: 1.1; margin: 0 0 8px; }
.legal h2 { font-size: var(--step-1); font-weight: 500; margin: 36px 0 10px; }
.legal p, .legal li { color: var(--text); max-width: 68ch; }
.legal ul { padding-left: 20px; display: grid; gap: 8px; }
.updated { color: var(--muted); }
.foot-legal { display: flex; gap: 20px; padding-block: 28px 48px; border-top: 1px solid var(--line); }