/* ==========================================================
   BLOG ARTICLE — FINAL TYPOGRAPHY
   Вставить в самый конец style.css
   ========================================================== */

/* Главный заголовок страницы */
html body .blog-hero-section .blog-hero-title {
    font-size: clamp(40px, 4.5vw, 58px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
}

/* Основной текст и списки одинакового размера */
html body .post-content-section .post-columns-text,
html body .post-info-section .post-columns-text,
html body .post-content-section .post-columns-text p,
html body .post-content-section .post-columns-text li,
html body .post-content-section .post-columns-text p span,
html body .post-content-section .post-columns-text li span,
html body .post-info-section .post-columns-text p,
html body .post-info-section .post-columns-text li,
html body .post-info-section .post-columns-text p span,
html body .post-info-section .post-columns-text li span {
    font-size: 18px !important;
    line-height: 1.72 !important;
}

/* H2 из визуального редактора */
html body .post-content-section .post-columns-text h2,
html body .post-content-section .post-columns-text h2[data-heading-tag="H2"],
html body .post-info-section .post-columns-text h2,
html body .post-info-section .post-columns-text h2[data-heading-tag="H2"] {
    margin-top: 42px !important;
    margin-bottom: 16px !important;

    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
}

/* H3 из визуального редактора */
html body .post-content-section .post-columns-text h3,
html body .post-content-section .post-columns-text h3[data-heading-tag="H3"],
html body .post-info-section .post-columns-text h3,
html body .post-info-section .post-columns-text h3[data-heading-tag="H3"] {
    margin-top: 34px !important;
    margin-bottom: 14px !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}

/* Первый H2 без лишнего отступа сверху */
html body .post-content-section .post-columns-text > h2:first-child,
html body .post-info-section .post-columns-text > h2:first-child {
    margin-top: 0 !important;
}

/* Интервалы списков */
html body .post-content-section .post-columns-text li,
html body .post-info-section .post-columns-text li {
    margin: 0 !important;
    padding-left: 0.2em !important;
}

html body .post-content-section .post-columns-text li + li,
html body .post-info-section .post-columns-text li + li {
    margin-top: 0.4em !important;
}

/* Мобильная версия */
@media (max-width: 767px) {
    html body .blog-hero-section .blog-hero-title {
        font-size: 38px !important;
        line-height: 1.08 !important;
    }

    html body .post-content-section .post-columns-text,
    html body .post-info-section .post-columns-text,
    html body .post-content-section .post-columns-text p,
    html body .post-content-section .post-columns-text li,
    html body .post-content-section .post-columns-text p span,
    html body .post-content-section .post-columns-text li span,
    html body .post-info-section .post-columns-text p,
    html body .post-info-section .post-columns-text li,
    html body .post-info-section .post-columns-text p span,
    html body .post-info-section .post-columns-text li span {
        font-size: 17px !important;
        line-height: 1.68 !important;
    }

    html body .post-content-section .post-columns-text h2,
    html body .post-content-section .post-columns-text h2[data-heading-tag="H2"],
    html body .post-info-section .post-columns-text h2,
    html body .post-info-section .post-columns-text h2[data-heading-tag="H2"] {
        margin-top: 34px !important;
        margin-bottom: 14px !important;
        font-size: 26px !important;
    }

    html body .post-content-section .post-columns-text h3,
    html body .post-content-section .post-columns-text h3[data-heading-tag="H3"],
    html body .post-info-section .post-columns-text h3,
    html body .post-info-section .post-columns-text h3[data-heading-tag="H3"] {
        margin-top: 28px !important;
        font-size: 22px !important;
    }
}