/* Общие стили для текста на страницах блога */
.max-1196,
span,
p,
li,
figcaption {
    font-size: 20px;
    line-height: 28px;
    color: rgba(6, 6, 15, 0.87) !important;
    font-weight: 400;
}

/* span внутри заголовков и текста — кликабельные */
span {
    pointer-events: auto;
    box-sizing: border-box;
}

/* Заголовки H2 и H3 — более строгие */
h2,
h2 > span,
h3,
h3 > span {
    font-weight: 600; /* чуть меньше, чем 700, выглядит строгим */
    color: rgba(6, 6, 15, 0.87) !important;
    pointer-events: none;  /* заголовок сам не кликабельный, span внутри можно */
}

/* H2 — размеры и отступы */
h2,
h2 > span {
    font-size: 28px !important;
    line-height: 32px !important;
    margin-top: 1rem !important;
}

/* H3 — немного меньше H2 */
h3,
h3 > span {
    font-size: 24px !important;
    line-height: 28px !important;
    /* margin: 30px 20px 6px 20px; */
    margin-top: 0.75rem !important;
}

/* Теги b — чуть меньше жирность, чем заголовки */
b, strong {
    font-weight: 600 !important;
}

/* Мобильные стили */
@media (max-width: 768px) {
    .max-1196,
    span,
    p,
    li,
    figcaption {
        font-size: 20px;
        line-height: 28px;
        color: rgba(6, 6, 15, 0.87) !important;
        font-weight: 400;
    }

    h2,
    h2 > span {
        font-size: 18px !important;
        line-height: 28px !important;
        /* margin-top: 16px !important;
        margin-bottom: 16px !important; */
        margin-top: 1rem !important;
    }

    h3,
    h3 > span {
        font-size: 20px !important;
        line-height: 28px !important;
        /* margin-top: 12px !important;
        margin-bottom: 12px !important; */
        margin-top: 0.75rem !important;
    }
}