/* Юридические страницы лендингов: поверх hc-landing.css, те же токены. */
.legal { width: min(100% - 32px, 820px); margin-inline: auto; padding: 56px 0 88px; min-width: 0; }
.legal-meta { font: 600 12px/1.5 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--hc-muted-text); margin: 0 0 16px; }
.legal h1 { font-size: clamp(30px, 5vw, 48px); line-height: 1.08; letter-spacing: -.02em; margin: 0 0 28px; overflow-wrap: anywhere; hyphens: auto; }
.legal h2 { font-size: clamp(20px, 2.6vw, 26px); line-height: 1.2; margin: 40px 0 12px; }
.legal p, .legal li { font-size: 16px; line-height: 1.65; max-width: 100%; }
.legal ul { padding-left: 22px; }
.legal a { color: var(--hc-accent); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-card { margin: 0 0 24px; padding: 20px 22px; border: 1px solid var(--hc-line-strong); border-radius: var(--radius); background: var(--hc-surface); }
.legal-card p { margin: 4px 0; }
@media (max-width: 620px) { .legal { padding: 40px 0 64px; } .legal p, .legal li { font-size: 15px; } }