body.legal-page { display: block; min-height: 100svh; padding-block: 0; }
.legal-nav, .legal-content, .legal-footer { width: min(100% - 48px, 720px); margin-inline: auto; }
.legal-nav { padding-block: 28px; }
.legal-nav a { display: inline-flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 600; }
.legal-nav img { object-fit: contain; }
.legal-content { margin-top: 24px; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.legal-content h1 { font-size: clamp(28px, 5vw, 36px); line-height: 1.25; }
.legal-content h2 { font-size: 19px; font-weight: 600; line-height: 1.4; color: #171717; margin: 32px 0 12px; }
.legal-content p, .legal-content ul { margin-block: 16px; }
.legal-content li { margin-block: 12px; }
.legal-content ul { padding-left: 24px; }
.legal-content a { text-decoration: underline; text-underline-offset: 3px; }
.legal-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin-block: 40px; }