.legal { max-width: 760px; margin: 0 auto; padding: 72px 32px 120px; color: var(--sloth-fg-2); font-size: 16.5px; line-height: 1.7; }
.legal h1 { font-size: clamp(40px, 5.4vw, 60px); line-height: 1.05; }
.legal .updated { margin: 16px 0 48px; font-size: 14px; color: var(--sloth-fg-3); }
.legal h2 { margin: 48px 0 12px; font-size: 28px; line-height: 1.2; }
.legal p { margin: 0 0 16px; }
.legal ul { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin-bottom: 8px; }
.legal li::marker { color: var(--sloth-fg-3); }
.legal strong { color: var(--sloth-fg-0); font-weight: 600; }
.legal a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
.legal a:hover { text-decoration-color: currentColor; }
.is-404 { text-align: center; padding-top: 96px; }
.is-404 .nap { width: 220px; height: auto; margin: 0 auto 24px; }
.is-404 h1 { margin-bottom: 16px; }
@media (max-width: 480px) { .legal { padding: 48px 20px 96px; } }