/* Юридические страницы: та же палитра, что у лендинга (landing.css), но колонка текста и заголовки помельче. */
.legal {
    max-width: 44em;
    padding: clamp(32px, 5vw, 64px) 0 clamp(40px, 6vw, 72px);
}

.legal h1 {
    font-size: clamp(26px, 3.6vw, 36px);
}

.legal h2 {
    margin-top: 34px;
    font-size: 21px;
}

.legal h3 {
    margin-top: 22px;
    font-size: 17px;
}

.legal p,
.legal ul {
    margin-top: 12px;
    color: var(--ink-soft);
}

.legal ul {
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.legal a {
    color: var(--brand-text);
}

.legal strong {
    color: var(--ink);
}

.legal-date {
    color: var(--ink-faint);
    font-size: 15px;
}