/* Общие */
body {
    background: #fff;
}

.content-blog * {
    font-family: "Inter", Arial, sans-serif;
}
h1.content_topic {font-size: 46px; line-height: 105%; color: #2C374A;}
.content_topic--article,
.article__content h2,
.content-sidebar-title {
    color: #2C374A;
}

.content-sidebar-title,
h3.collapse.d-lg-block {
    display: block;
    margin: 0 0 16px;
    font-family: "Inter", Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #2C374A;
}

h3.collapse.d-lg-block {
    padding-top: 30px;
}

.content-sidebar-title {
    width: 366.68px;
    max-width: 100%;
    min-height: 29px;
}

.insert-top__item,
.insert-middle__item,
.insert-bottom__item,
.fresh-reviews__link,
.insert-top__item:hover,
.insert-middle__item:hover,
.insert-bottom__item:hover,
.fresh-reviews__link:hover {
    text-decoration: none;
    color: inherit;
}

.best-topic-block .blog-left,
.best-topic-block .blog-left-active,
.best-topic-mobile .blog-left,
.best-topic-mobile .blog-left-active {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.best-topic-block li,
.best-topic-mobile li {
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(44, 55, 74, 0.4) !important;
}

.best-topic-block li:last-child,
.best-topic-mobile li:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Свежие обзоры */
.fresh-reviews__title {
    width: 100%;
    max-width: 1141px;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    color: #2C374A;
}

.fresh-reviews__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.fresh-reviews__card {
    width: 100%;
    min-height: 340px;
    border: 1px solid #57B957;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.fresh-reviews__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fresh-reviews__image-wrap {
    position: relative;
    margin-bottom: 18px;
}

.fresh-reviews__image {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

.fresh-reviews__label {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #fff;
    border-radius: 20px;
    padding: 7px 16px;
    font-size: 12px;
    color: #2C374A;
}

.fresh-reviews__card-title {
    font-size: 15px;
    font-weight: 500;
    color: #2C374A;
    line-height: 1.25;
    min-height: 78px;
}

.fresh-reviews__meta {
    display: flex;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
    color: #7A828F;
}

/* Статья */
.bg-white.pt-4.pb-3.px-4.border-bottom.w-100 {
    border-bottom: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.article__content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px !important;
    line-height: 1.6;
}

.article__content h2 {
    width: 100%;
    margin: 0;
    padding-top: 15px !important;
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    color: #2C374A;
}

.article__content h2 span {
    color: #2C374A !important;
}

.article__content h3 {width: 100%; margin: 0; font-size: 20px; line-height: 28px; font-weight: 500; color: #2C374A;}

.article__content p { margin: 0; font-size: 16px; color: #435065; line-height: 110%; padding-top: 10px;}
.article__content li { margin: 0 10px; font-size: 16px; color: #435065; line-height: 120%;}

.article__content ul,
.article__content ol {
    margin: 0;
    padding-left: 22px;
}

.article__content hr {
    width: 100%;
    margin: 0;
}

.table-container {width: 100%; overflow-x: auto; margin: 20px 0; color: #435065; font-size: 16px;}

/* Верхняя инфо-строка статьи */
.d-flex.flex-row.mb-4 {
    display: flex;
    align-items: center;
}

.article_num_date.article_info_text,
.article_num_look.article_info_text,
.article_num_comm.article_info_text,
.article_num_like.article_info_text,
.article_num_read.article_info_text {
    height: 25px;
    line-height: 25px;
}

/* Вставки */
.insert-top {
    width: 100%;
    margin: 20px 0;
    padding: 15px;
    background: #FDFDFE;
    border: 1px solid #4680C2;
    border-radius: 20px;
    box-sizing: border-box;
}

.insert-middle {
    margin: 32px 0;
    padding: 20px;
    border: 1px solid #57B957;
    border-radius: 16px;
    background: #fff;
}

.insert-bottom {
    margin: 32px 0;
    padding: 20px;
    border: 1px solid #D6E2F3;
    border-radius: 16px;
}

.insert-top__title,
.insert-middle__title,
.insert-bottom__title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    color: #2C374A;
}

.insert-top__item, .insert-middle__item { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #4680C280;}

.insert-top__item { padding: 10px 0 16px;}

.insert-middle__item {
    padding: 14px 0;
    border-bottom-color: #CFE8CF;
}

.insert-top__item:last-child, .insert-middle__item:last-child, .insert-bottom__item:last-child { border-bottom: none;
    padding-bottom: 6px;}

.insert-top__avatar,
.insert-middle__avatar {
    flex: 0 0 80px;
}

.insert-top__avatar img, .insert-middle__avatar img, .insert-bottom__avatar { width: 80px;  height: 80px;  border-radius: 50%;
    object-fit: cover;
    display: block;
}

.insert-top__content,
.insert-middle__content {
    flex: 1;
    min-width: 0;
}

.insert-middle__content {
    display: flex;
    flex-direction: column;
}

.insert-top__meta, .insert-middle__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; font-size: 16px; line-height: 1.25; }

.insert-top__author {
    margin-bottom: 6px;
}

.insert-top__tag,
.insert-middle__role,
.insert-bottom__stats {
    color: #2F80ED;
}

.insert-bottom__role {
    color: #7A828F;
}

.insert-top__text,
.insert-middle__text {font-size: 20px; line-height: 116%;  color: #2C374A;}
.insert-middle__text {margin: 12px 0;}

.insert-middle__author, .insert-bottom__author, .insert-bottom__service { color: #2C374A;}
.insert-bottom__service {font-weight: 500;}
.content-blog .insert-middle .best_article_info, .content-blog .insert-middle .best_article_info .article_dop_info_text  {font-size: 14px; filter: opacity(50%); color: #000000; margin-bottom: 0;}
.content-blog .insert-middle .best_article_info .article_num_look, .content-blog .insert-middle .best_article_info .article_num_like, .content-blog .insert-middle .best_article_info .article_num_comm {background-size: 20px; padding-left: 26px;}
/*
.insert-middle__stats { display: flex; align-items: center; gap: 7px; color: #7A828F; font-size: 12px;}

.insert-middle__stats span {
    display: inline-block !important;
    min-width: 34px !important;
    height: 16px !important;
    padding-left: 20px !important;
    padding-right: 8px !important;
    line-height: 16px !important;
    font-size: 12px !important;
    color: #7A828F !important;
    white-space: nowrap;
    background-size: 14px 14px !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    text-indent: 0 !important;
    overflow: visible !important;
}
*/
/* Баннер */
.contents-recruiter-banner { background: rgba(243, 246, 252, 0.80); border-radius: 20px; margin-top: 20px; margin-bottom: 20px;}

.contents-recruiter-banner__title {
    max-width: 520px;
    margin: 0 0 16px;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #2C374A;
    font-style: normal;
    font-family: 'Inter';
}


/* Баннер simple */


.contents-recruiter-banner--simple .contents-recruiter-banner__title { max-width: 390px; margin: 37px 0 30px; font-size: 22px; line-height: 1.2;}

.contents-recruiter-banner-inner {padding: 30px 0 30px 45px;}

/* Услуги */
.insert-bottom__item {
    display: block;
    padding: 16px 0;
    border-bottom: 1px solid #E3EDF9;
}

.insert-bottom__top {display: flex; align-items: flex-start; gap: 20px; margin-bottom: 8px;}

.insert-bottom__avatar {flex-shrink: 0;}
.insert-bottom__author {font-size: 16px;}
.insert-bottom__role { font-size: 14px;}
.insert-bottom__stats { font-size: 16px;}
.insert-bottom__service { margin-bottom: 4px; font-size: 18px; line-height: 110%;}

.insert-bottom__price {
    margin-bottom: 6px;
    color: #27AE60;
    font-size: 18px;
    font-weight: 500;
}

.insert-bottom__text {font-size: 16px; line-height: 110%; color: #2C374A;}

/* Лучшее по теме */
.best-topic-mobile {
    display: none;
}

.article__toc-left {
    margin-bottom: 32px;
}

.best-topic-block {
    margin-top: 0;
}

.best-topic-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 8px !important;
}

.best-topic-meta .article_info_text {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    color: rgba(44, 55, 74, 0.7) !important;
}

/* Комментарии */
.article_dop_block.comments {
    margin-top: 32px;
    color: #2C374A;
}

.article_dop_block.comments h3,
.blog_content > h3 {
    margin: 0 0 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #2C374A;
}

.article_dop_block.comments .comment,
.article_dop_block.comments .comment-item,
.article_dop_block.comments .comment_block,
.article_dop_block.comments .comments-item {
    position: relative;
    margin-bottom: 22px;
    padding-left: 0;
}

.article_dop_block.comments a,
.article_dop_block.comments .comment-author,
.article_dop_block.comments .comment_user_name {
    color: #2C374A;
    font-weight: 500;
    text-decoration: none;
}

.article_dop_block.comments .comment-position,
.article_dop_block.comments .comment_user_position {
    font-size: 12px;
    line-height: 1.2;
    color: #7A828F;
}

.article_dop_block.comments p,
.article_dop_block.comments .comment-text,
.article_dop_block.comments .comment_text {
    margin: 8px 0;
    font-size: 14px;
    line-height: 1.35;
    color: #2C374A;
}

.article_dop_block.comments .comment-date,
.article_dop_block.comments .comment_actions,
.article_dop_block.comments .comment_reply {
    font-size: 13px;
    line-height: 1.2;
    color: #5D7FB8;
}

.article_dop_block.comments .children,
.article_dop_block.comments .comment-children,
.article_dop_block.comments .comments-children {
    margin-left: 56px;
    margin-top: 16px;
}

.comment-add-form {
    width: 100%;
    max-width: none;
    margin: 24px 0 32px;
}

.comment-add-title {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: #2C374A;
}

.comment-add-user {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.comment-add-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #E6EBF2;
}

.comment-add-name {
    font-size: 14px;
    line-height: 1.2;
    color: #2C374A;
}

.comment-add-box {
    width: 100%;
    height: 130px;
    padding: 21px 20px;
    border: 1px solid #E1E6EF;
    border-radius: 16px;
    background: #F7F8FA;
    box-sizing: border-box;
}

.comment-add-textarea,
.comment_form textarea {
    border: 1px solid rgba(44, 55, 74, 0.1);
    border-radius: 16px;
    background: rgba(44, 55, 74, 0.05);
}

.comment-add-textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    line-height: 1.2;
    color: #2C374A;
    resize: none;
    outline: none;
}

.comment-add-textarea::placeholder {
    color: #98A2B3;
}

.comment-add-button {
    width: 220px;
    height: 40px;
    margin-top: 14px;
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    background: #53A351;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.comment-add-button:hover {
    background: #4A9449;
}

.comment_form textarea {
    padding: 20px;
    font-size: 16px;
    color: rgba(44, 55, 74, 0.7);
    resize: none;
}

.full-green--btn {
    font-family: 'Inter', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    text-align: center;
    color: #FFFFFF;
}

.comments-material-title {
    margin: 40px 0 20px;
    font-family: "Inter", Arial, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    color: #2C374A;
}
.table-container table, .table-container table th, .table-container table td  {font-size: 16px;}
/* Планшет */
@media (max-width: 991px) {
    .other-topics-toggle,
    .best-topic-block {
        display: none !important;
    }

    .best-topic-mobile {
        display: block;
        margin-top: 32px;
    }

    .best-topic-mobile .best-topic-block,
    .best-topic-mobile .collapse,
    .best-topic-mobile h3 {
        display: block !important;
    }
}

/* Мобилка */
@media (max-width: 767px) {
    .content_topic.content_topic--article {
        all: unset;
        display: block;
        margin-bottom: 12px;
        font-family: "Inter", Arial, sans-serif;
        font-size: 28px;
        line-height: 1.15;
        font-weight: 700;
        color: #2C374A;
    }

    .bg-white.pt-4.pb-3.px-4.border-bottom.w-100 {
        padding: 0 !important;
    }

    .article__content h2 {margin: 24px 0 0px !important; font-size: 18px !important; line-height: 110% !important;  font-weight: 500 !important; }

    .article__content > h2:first-child {
        margin-top: 0 !important;
    }

    .article__content h2 + p {
        margin-top: 8px;
    }

    .content-sidebar-title {
        margin-bottom: 12px;
        font-size: 22px;
    }

    .fresh-reviews {
        width: 100% !important;
        margin-top: 0;
        padding-top: 0;
    }

    .fresh-reviews__title {
        padding-left: 15px;
        font-weight: 600;
        font-size: 26px;
        line-height: 1;
        color: #2C374A;
    }

    .fresh-reviews__grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        width: 100% !important;
    }

    .fresh-reviews__card.best_article-wr {
        width: calc(100vw - 24px) !important;
        max-width: 380px !important;
        min-height: 160px !important;
        margin: 0 auto !important;
        padding: 12px 16px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .fresh-reviews__link {
        display: grid !important;
        grid-template-columns: 160px minmax(0, 1fr) !important;
        grid-template-rows: 1fr auto !important;
        column-gap: 16px !important;
        row-gap: 8px !important;
        min-height: 136px !important;
    }

    .fresh-reviews__image-wrap {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 160px !important;
        height: 136px !important;
        margin-bottom: 0;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .fresh-reviews__image {
        height: 100% !important;
        border-radius: 0;
    }

    .fresh-reviews__label {
        top: 14px !important;
        left: 14px !important;
        padding: 6px 14px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .fresh-reviews__card-title {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.12 !important;
    }

    .fresh-reviews__meta {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        align-self: end !important;
        gap: 9px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1 !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }

    .fresh-reviews__meta span,
    .fresh-reviews__meta div {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .d-flex.flex-row.mb-4 {
        max-width: 100% !important;
        margin-bottom: 16px !important;
        gap: 16px !important;
    }

    .d-flex.flex-row.mb-4 .article_info_text {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        height: 15px !important;
        margin: 0 !important;
        line-height: 110% !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #2C374A !important;
        white-space: nowrap !important;
        background-size: 15px 15px !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }

    .d-flex.flex-row.mb-4 .article_num_date,
    .d-flex.flex-row.mb-4 .article_num_read {
        padding-left: 0 !important;
        background-image: none !important;
        text-align: center !important;
    }

    .d-flex.flex-row.mb-4 .article_num_date {
        width: 100px !important;
    }

    .d-flex.flex-row.mb-4 .article_num_read {
        width: 98px !important;
    }

    .d-flex.flex-row.mb-4 .article_num_look,
    .d-flex.flex-row.mb-4 .article_num_like,
    .d-flex.flex-row.mb-4 .article_num_comm {
        gap: 5px !important;
        padding-left: 20px !important;
    }



    .insert-top__author {margin-bottom: 4px !important; font-size: 14px; }
    .insert-middle__text {font-size: 20px; line-height: 116%;  color: #2C374A;}
    .insert-top__text {font-size: 16px;}
    .insert-top__meta, .insert-middle__meta { font-size: 12px; line-height: 1.1; }

    .contents-recruiter-banner .row {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="41" viewBox="0 0 22 41" fill="none"><path d="M0.138908 35.7335C-0.0780626 35.4651 -0.0363241 35.0716 0.232137 34.8546L4.60696 31.3188C4.87542 31.1019 5.26894 31.1436 5.48591 31.4121C5.70288 31.6805 5.66114 32.074 5.39268 32.291L1.50395 35.4339L4.64685 39.3226C4.86382 39.5911 4.82208 39.9846 4.55362 40.2016C4.28516 40.4186 3.89164 40.3768 3.67467 40.1084L0.138908 35.7335ZM13.2689 0.51709L13.6202 0.000207422C16.1916 1.74817 18.3131 5.06042 19.6561 8.91736C21.0041 12.7889 21.5992 17.2961 21.0418 21.5201C20.4841 25.7456 18.765 29.7329 15.4389 32.4809C12.1058 35.2347 7.24675 36.6715 0.559076 35.9622L0.625 35.3407L0.690923 34.7192C7.13577 35.4028 11.6321 34.0047 14.6428 31.5172C17.6605 29.024 19.2737 25.3637 19.8025 21.3566C20.3315 17.348 19.7672 13.0378 18.4756 9.32841C17.1789 5.60444 15.1805 2.57235 12.9175 1.03397L13.2689 0.51709Z" fill="%234680C2"/></svg>')  right 15% bottom 44% / 6% no-repeat;
    }
    .contents-recruiter-banner-inner {padding: 20px 35px;}
    .insert-middle__stats {
        gap: 14px !important;
        margin-top: 6px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .insert-middle__stats span {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        height: 16px !important;
        margin: 0 !important;
        padding-left: 22px !important;
        padding-right: 0 !important;
        line-height: 16px !important;
        background-size: 16px 16px !important;
    }

    .insert-bottom__title {
        width: 100%;
        max-width: 315px;
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 22px;
        line-height: 120%;
        color: #2C374A;
    }
    .insert-bottom__item {font-size: 14px;}
    .insert-bottom__role {font-size: 12px;}
    .insert-bottom__service, .insert-bottom__price { font-size: 16px; }
    .insert-bottom__price { margin-bottom: 0; color: #53A351;}
    .insert-bottom__text { margin-top: 4px; font-size: 14px; line-height: 1.1; }

    .best-topic-meta {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
        margin-top: 6px !important;
    }

    .best-topic-meta .article_info_text {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px;
        padding-left: 22px !important;
        font-size: 12px;
        color: rgba(44, 55, 74, 0.7) !important;
        background-size: 18px 18px !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }

    .best-topic-meta .article_num_look.article_info_text,
    .best-topic-meta .article_num_like.article_info_text,
    .best-topic-meta .article_num_comm.article_info_text {
        height: auto !important;
        padding-left: 24px !important;
        line-height: 18px !important;
        font-size: 12px !important;
        color: rgba(44, 55, 74, 0.7) !important;
        background-size: 18px 18px !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }

    .vstavka-blog .insert-middle .insert-middle__item .insert-middle__content .insert-middle__meta {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 2px !important;
        text-align: left !important;
    }

    .vstavka-blog .insert-middle .insert-middle__item .insert-middle__content .insert-middle__meta .insert-middle__author, .vstavka-blog .insert-middle .insert-middle__item .insert-middle__content .insert-middle__meta .insert-middle__role { display: block !important;  width: 100% !important; max-width: 100% !important; text-align: left !important; }

    .vstavka-blog .insert-middle .insert-middle__item .insert-middle__content .insert-middle__meta .insert-middle__author { font-size: 14px !important; color: #2C374A !important; padding-bottom: 10px;}

    .vstavka-blog .insert-middle .insert-middle__item .insert-middle__content .insert-middle__meta .insert-middle__role {
        font-size: 14px !important;
        color: #4680C2 !important;
    }
    .insert-middle__text {margin: 4px 0; font-size: 16px;}
    .insert-middle__item {align-items: start;}
    .article__content,
    .article__content p,
    .article__content li,
    .article__content h2,
    .article__content h3,
    .article__content span,
    .article__content a,
    .article__content td,
    .article__content th {
        color: #2C374A !important;
    }
    .comments-material-title { margin: 32px 0 16px; font-size: 14px; line-height: 110%;}
    .table-container table, .table-container table th, .table-container table td {font-size: 14px;}
}

.best-topic-block .article_num_look,
.best-topic-block .article_num_like,
.best-topic-block .article_num_comm,
.best-topic-mobile .article_num_look,
.best-topic-mobile .article_num_like,
.best-topic-mobile .article_num_comm {
    position: relative !important;
    padding-left: 24px !important;
    color: #7A828F !important;
    background: none !important;
    background-image: none !important;
}

.best-topic-block .article_num_look::before,
.best-topic-block .article_num_like::before,
.best-topic-block .article_num_comm::before,
.best-topic-mobile .article_num_look::before,
.best-topic-mobile .article_num_like::before,
.best-topic-mobile .article_num_comm::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-color: #7A828F;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.best-topic-block .article_num_look::before,
.best-topic-mobile .article_num_look::before {
    -webkit-mask-image: url("/images/article_num_look_ico.svg");
    mask-image: url("/images/article_num_look_ico.svg");
}

.best-topic-block .article_num_like::before,
.best-topic-mobile .article_num_like::before {
    -webkit-mask-image: url("/images/article_num_like_ico.svg");
    mask-image: url("/images/article_num_like_ico.svg");
}

.best-topic-block .article_num_comm::before,
.best-topic-mobile .article_num_comm::before {
    -webkit-mask-image: url("/images/article_num_comm_ico.svg");
    mask-image: url("/images/article_num_comm_ico.svg");
}

.insert-middle__stats .article_num_look,
.insert-middle__stats .article_num_like,
.insert-middle__stats .article_num_comm {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 22px !important;
    color: #7A828F !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
}

.insert-middle__stats .article_num_look::before,
.insert-middle__stats .article_num_like::before,
.insert-middle__stats .article_num_comm::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%) !important;
    background-color: #7A828F !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
}

.insert-middle__stats .article_num_look::before {
    -webkit-mask-image: url("/images/article_num_look_ico.svg") !important;
    mask-image: url("/images/article_num_look_ico.svg") !important;
}

.insert-middle__stats .article_num_like::before {
    -webkit-mask-image: url("/images/article_num_like_ico.svg") !important;
    mask-image: url("/images/article_num_like_ico.svg") !important;
}

.insert-middle__stats .article_num_comm::before {
    -webkit-mask-image: url("/images/article_num_comm_ico.svg") !important;
    mask-image: url("/images/article_num_comm_ico.svg") !important;
}

.fresh-reviews__meta .article_num_look,
.fresh-reviews__meta .article_num_like,
.fresh-reviews__meta .article_num_comm {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 22px !important;
    color: #7A828F !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
}

.fresh-reviews__meta .article_num_look::before,
.fresh-reviews__meta .article_num_like::before,
.fresh-reviews__meta .article_num_comm::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%) !important;
    background-color: #7A828F !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
}

.fresh-reviews__meta .article_num_look::before {
    -webkit-mask-image: url("/images/article_num_look_ico.svg") !important;
    mask-image: url("/images/article_num_look_ico.svg") !important;
}

.fresh-reviews__meta .article_num_like::before {
    -webkit-mask-image: url("/images/article_num_like_ico.svg") !important;
    mask-image: url("/images/article_num_like_ico.svg") !important;
}

.fresh-reviews__meta .article_num_comm::before {
    -webkit-mask-image: url("/images/article_num_comm_ico.svg") !important;
    mask-image: url("/images/article_num_comm_ico.svg") !important;
}

.vstavka-blog .insert-middle .insert-middle__meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
}

.vstavka-blog .insert-middle .insert-middle__author {
    flex-shrink: 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.vstavka-blog .insert-middle .insert-middle__role {
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    color: #7A828F !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.vstavka-blog .insert-middle .insert-middle__meta .insert-middle__role {
    color: #4680C2 !important;
}
@media (max-width: 767px) {
    .insert-top__item .insert-top__tag {
        color: #2F80ED !important;
    }
}
ul.contents_tableOfContents {list-style:none; padding-left:0; margin:0;}
.contents_tableOfContents li{list-style:none; margin-bottom: 10px; font-size: 16px;}
.contents_tableOfContents li a{display:block; text-decoration:none;}
.content-blog .article_info {border: none !important; padding-bottom: 26px;}
@media (max-width: 400px) {
    .article__content {width: 350px;    }
    .table-container {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-container table {
        width: 100%;
        min-width: 600px; /* измените, если колонки уже или шире */
        border-collapse: collapse;
    }

    .table-container th,
    .table-container td {
        padding: 8px;
        border: 1px solid #ccc;
        vertical-align: top;
        text-align: left;
    }
}