/* Start:/local/templates/wehive.digital/components/bitrix/news.list/wd_text_icon/style.css?17343316251591*/
.wd-block-icons-left-item,
.wd-block-icons-right-item {
    --bg-icon-size: calc(var(--value) * 6.4);
}

:is(.wd-block-icons-left-item, .wd-block-icons-right-item)::before {
    width: var(--bg-icon-size);
    height: var(--bg-icon-size);
    background: var(--bg-icon) center/contain no-repeat;
    content: "";
}

.wd-block-icons-top-item::before {
    height: var(--bg-icon-size);
    background: var(--bg-icon) left/contain no-repeat;
    content: "";
}

.wd-block-icons-always-item {
    display: grid;
    grid-template-columns: var(--bg-icon-size) auto;
}

[class*="wd-block-icons"][class*="item"] {
    position: relative;
}

:where(.wd-block-icons-right-item) .wd-block-icons-link-all,
.wd-block-icons-right-content {
    order: -1;
}

.wd-block-icons-item-center {
    align-items: center;
}

.wd-block-icons-link-all {
    text-decoration: none;
    color: inherit;
}

.wd-block-icons-link-all::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}

@media (min-width: 576px) {
    .wd-block-icons-left-item {
        grid-template-columns: var(--bg-icon-size) auto;
    }

    .wd-block-icons-right-item {
        grid-template-columns: auto var(--bg-icon-size);
    }
}

@media (min-width: 768px) {
    :where(.wd-block-icons-top--2) .wd-block-icons-top-item {
        grid-template-rows: var(--bg-icon-size) auto;
    }
}

@media (min-width: 992px) {
    :where(.wd-block-icons-top--3) .wd-block-icons-top-item {
        grid-template-rows: max-content;
    }

    .wd-block-icons-top-link {
        margin-top: auto;
    }
}

/* End */


/* Start:/local/templates/wehive.digital/components/bitrix/news.list/wd_numbering/style.css?17343316251997*/
.wd-block-num-left {
    padding: var(--value) 0;
}

.wd-block-num-left-item[class*="wd-radius"] {
    overflow: visible;
}

.wd-block-num-left-item-num {
    font-size: calc(var(--value) * 3.5);
    line-height: 110%;
    text-stroke: 2px var(--black4);
    -webkit-text-stroke: 2px var(--black4);
}

@media (min-width: 768px) {
    .wd-block-num-left.wd-list {
        padding-left: calc(var(--value) * 9);
    }

    .wd-block-num-left-item {
        position: relative;
        align-items: center;
    }

    .wd-block-num-left-item.wd-bg-white {
        background: none;
    }

    .wd-block-num-left-item::before,
    .wd-block-num-left-item::after {
        position: absolute;
        left: calc(var(--value) * -5.6);
        width: calc(var(--value) * 0.2);
        background-color: var(--light-gray);
        content: "";
    }

    .wd-block-num-left-item::before {
        top: calc(var(--value) * -2);
        bottom: calc(50% + var(--value) + (var(--value) * 4.5 / 2));
    }

    .wd-block-num-left-item::after {
        top: calc(50% + var(--value) + (var(--value) * 4.5 / 2));
        bottom: calc(var(--value) * -2);
    }

    .wd-block-num-left-item:first-child::before,
    .wd-block-num-left-item:last-child::after {
        display: none;
    }

    .wd-block-num-left-content {
        position: relative;
        z-index: 5;
        border-radius: calc(var(--value) * 3);
        background-color: #ffffff;
    }

    .wd-block-num-left-item-num {
        position: absolute;
        z-index: 3;
        left: calc(var(--value) * -8.5);
        display: grid;
        align-items: center;
        padding: var(--value) 0;
        width: calc(var(--value) * 6);
        font-size: calc(var(--value) * 4.5);
        text-align: center;
    }

    .wd-block-num-left-item-num::before {
        position: absolute;
        right: -200%;
        left: 100%;
        height: calc(var(--value) * 0.2);
        background-color: var(--light-gray);
        content: "";
    }
}

/* End */


/* Start:/local/templates/wehive.digital/components/bitrix/news.detail/wd_detail/style.css?17847566307183*/
/* wd_detail/style.css — визуальный кит статей блога.
   АДДИТИВНЫЙ файл: Bitrix авто-подключает style.css шаблона компонента на КАЖДОЙ
   детальной странице news.detail (блог + кейсы). Общий шаблон (template.php) не
   трогаем. Классы .wd-art-* живут только тут и применяются внутри HTML-тела статьи
   (свойства WHITE_BLOCK_1..5), которое движок оборачивает в один
   <div class="wd-bg-light wd-content-radius-30"> — светлая база кита.

   Правила ритма (как на /hrm-dlya-riteyla/): светлая база, карточки — белые
   (wd-bg-white) для контраста на светлом, не больше ОДНОГО тёмного акцента на
   статью (wd-bg-dark/darkness), жёлтый — только акцентом. Всё, что можно, берём
   утилитами wd-* и токенами variables.css; тут — только то, чего утилиты не дают.
   Ничего глобального не переопределяем. */

/* ---- Лид (вводный абзац под H1 / в начале блока) ---- */
.wd-art-lead {
    max-width: calc(var(--value) * 72);
    color: var(--black2);
}

/* ---- Иконка-чип на карточках (перенос пары «жёлтое на тёмном» из hero) ----
   Иконки — общий набор /local/templates/wehive.digital/img/article-icons/*.svg
   (нативные line-иконки, залиты var(--yellow) прямо в SVG). Контракт совпадает
   с .lp-ico лендингов, но класс отдельный — кит блога самодостаточен. */
.wd-art-ico {
    display: grid;
    place-items: center;
    width: calc(var(--value) * 5.2);
    height: calc(var(--value) * 5.2);
    margin-bottom: calc(var(--value) * 2);
    border-radius: calc(var(--value) * 1.6);
    background-color: var(--black);
}

.wd-art-ico img {
    width: calc(var(--value) * 2.8);
    height: calc(var(--value) * 2.8);
}

/* ---- Сетка карточек-секций ---- */
/* Сама <ul> — на утилитах wd-list wd-grid wd-grid-tcol--xs wd-grid-tcol-2--s … */
.wd-art-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}

.wd-art-card .wd-art-card-title {
    display: block;
    margin-bottom: calc(var(--value) * 1.2);
}

.wd-art-card .wd-art-card-text {
    margin: 0;
    color: var(--black2);
}

/* Кликабельная карточка-ссылка (например, на модуль/продукт) — лёгкий hover. */
.wd-art-card-link {
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.wd-art-card-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 calc(var(--value) * 1.2) calc(var(--value) * 3) rgb(var(--black-RGB) / 10%);
}

/* ---- Нумерованные шаги (структурный визуал вместо картинки) ---- */
.wd-art-steps {
    display: grid;
    gap: calc(var(--value) * 2);
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: wd-art-step;
}

.wd-art-step {
    display: grid;
    grid-template-columns: calc(var(--value) * 5.2) 1fr;
    gap: calc(var(--value) * 2);
    align-items: start;
    counter-increment: wd-art-step;
}

.wd-art-step::before {
    content: counter(wd-art-step);
    display: grid;
    place-items: center;
    width: calc(var(--value) * 5.2);
    height: calc(var(--value) * 5.2);
    border-radius: calc(var(--value) * 1.6);
    background-color: var(--black);
    color: var(--yellow);
    font-weight: 600;
    font-size: calc(var(--value) * 2.2);
    line-height: 1;
}

.wd-art-step-title {
    display: block;
    margin-bottom: calc(var(--value) * 0.8);
}

.wd-art-step-text {
    margin: 0;
    color: var(--black2);
}

@media (min-width: 768px) {
    .wd-art-step {
        grid-template-columns: calc(var(--value) * 6) 1fr;
        gap: calc(var(--value) * 3);
    }

    .wd-art-step::before {
        width: calc(var(--value) * 6);
        height: calc(var(--value) * 6);
        font-size: calc(var(--value) * 2.6);
    }
}

/* ---- Врезка-акцент (выделенная мысль) ----
   Белая карточка с жёлтой полосой слева. Не тёмный акцент — его на статью не
   больше одного, и это обычно финальный CTA (даёт шаблон из полей элемента). */
.wd-art-accent {
    border-left: calc(var(--value) * 0.6) solid var(--yellow);
}

.wd-art-accent .wd-art-accent-text {
    margin: 0;
    color: var(--black);
}

/* ---- Картинка с подписью ---- */
.wd-art-figure {
    margin: 0;
}

.wd-art-figure img {
    display: block;
    width: 100%;
    height: auto;
}

.wd-art-figcaption {
    margin-top: calc(var(--value) * 1.2);
    color: var(--black3);
    text-align: center;
}

/* ---- FAQ-аккордеон (тот же визуальный контракт, что .lp-faq / wd-block-details:
   плюс→минус справа, оранжевый штрих, скругление). Реализация CSS-only на
   <details>/<summary>, JS не нужен. Классы отдельные — работают без компонента
   news.list/wd_details. ---- */
.wd-art-faq {
    display: grid;
    gap: calc(var(--value) * 1.5);
}

.wd-art-faq-item {
    /* фон/паддинг/радиус — утилитами wd-bg-white wd-padding-20 wd-radius-30 */
}

.wd-art-faq-summary {
    position: relative;
    display: block;
    padding-right: calc(var(--value) * 4);
    cursor: pointer;
    list-style: none;
}

.wd-art-faq-summary::-webkit-details-marker {
    display: none;
}

.wd-art-faq-summary::marker {
    content: "";
}

.wd-art-faq-summary:focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

.wd-art-faq-summary::before,
.wd-art-faq-summary::after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: calc(var(--value) * 1.8);
    height: 2px;
    background-color: var(--orange);
    content: "";
}

.wd-art-faq-summary::after {
    top: calc(50% - var(--value) * 0.9);
    right: calc(var(--value) * 0.8);
    width: 2px;
    height: calc(var(--value) * 1.8);
    transition: opacity 0.15s ease;
}

.wd-art-faq-item[open] .wd-art-faq-summary::after {
    opacity: 0;
}

.wd-art-faq-answer {
    margin-top: calc(var(--value) * 1.5);
    padding-top: calc(var(--value) * 1.5);
    border-top: 1px solid rgb(220 220 220 / 80%);
    color: var(--black2);
}

@media (min-width: 768px) {
    .wd-art-faq-summary {
        padding-right: calc(var(--value) * 5);
    }

    .wd-art-faq-summary::before {
        width: calc(var(--value) * 2.6);
    }

    .wd-art-faq-summary::after {
        top: calc(50% - var(--value) * 1.3);
        right: calc(var(--value) * 1.2);
        height: calc(var(--value) * 2.6);
    }
}

/* End */


/* Start:/local/templates/wehive.digital/components/bitrix/news.detail/wd_feedback_blocks/style.css?1734331625995*/
.wd-cases-feedback-author {
    align-items: center;

    --feedback-author: transparent;
    --feedback-px: 0;
}

.wd-cases-feedback-author::before {
    overflow: hidden;
    margin: calc(var(--feedback-px) / 8);
    border-radius: 50%;
    width: var(--feedback-px);
    height: var(--feedback-px);
    background: var(--feedback-author) center/cover no-repeat;
    content: "";
}

.wd-cases-feedback-name--btm {
    margin-bottom: calc(var(--value) * 0.6);
}

.wd-cases-feedback-link.wd-cases-feedback-link--desk {
    display: none;
}

@media (min-width: 768px) {
    .wd-cases-feedback-author {
        grid-template-columns: max-content auto;
    }

    .wd-cases-feedback-author::before {
        margin: 0;
    }

    .wd-cases-feedback-link.wd-cases-feedback-link--mob {
        display: none;
    }

    .wd-cases-feedback-link.wd-cases-feedback-link--desk {
        display: inline-grid;
    }

    .wd-cases-feedback-link--desk {
        margin-top: calc(var(--value) * 2);
    }
}

/* End */


/* Start:/local/templates/wehive.digital/components/bitrix/news.detail/wd_cases_blocks/style.css?1734331625820*/
.wd-cases-statistics-title {
    margin-bottom: calc(var(--value) * 0.4);
}

.wd-cases-team-item {
    align-content: baseline;
    padding-top: var(--value);
}

.wd-cases-team-user {
    grid-template-columns: calc(var(--value) * 2.8) auto;
    align-items: center;
}

.wd-cases-team-img {
    width: calc(var(--value) * 2.8);
    height: calc(var(--value) * 2.8);
    object-fit: cover;
    object-position: center;
}

@media (min-width: 1400px) {
    .wd-cases-statistics-title.wd-title {
        font-size: calc(var(--value) * 4);
    }

    .wd-cases-statistics-text.wd-text,
    .wd-cases-team-name.wd-text {
        font-size: calc(var(--value) * 1.6);
    }

    .wd-cases-info-title.wd-text {
        font-size: calc(var(--value) * 2.4);
    }

    .wd-cases-team-item {
        padding: var(--value) 0;
    }
}
/* End */


/* Start:/local/templates/wehive.digital/components/bitrix/news.list/wd_cases/style.css?17343316251275*/
.wd-block-cases {
    grid-template-rows: repeat(2, 1fr);
}

.wd-block-cases-item {
    position: relative;
    display: none;
    justify-content: space-between;
    min-height: calc(var(--value) * 30);
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 90%) 100%), var(--bg-case) center/cover no-repeat;
    box-shadow: 0 calc(var(--value) * 1.6) calc(var(--value) * 2.4) 0 rgb(0 0 0 / 0%);
}

.wd-block-cases-item:nth-child(-n+2) {
    display: grid;
}

.wd-block-cases-logo {
    height: 100%;
    max-height: calc(var(--value) * 8);
}

.wd-block-cases .wd-block-cases-link {
    display: -webkit-box;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-top: auto;
}

:where(.wd-block-cases) .wd-block-cases-link::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
}

@media (min-width: 768px) {
    .wd-block-cases-item {
        min-height: calc(var(--value) * 35);
    }
}

@media (min-width: 992px) {
    .wd-block-cases {
        grid-template-rows: auto;
    }

    .wd-block-cases-item {
        min-height: calc(var(--value) * 50);
    }
}

@media (min-width: 1400px) {
    .wd-block-cases-item {
        display: grid;
    }
}

/* End */
/* /local/templates/wehive.digital/components/bitrix/news.list/wd_text_icon/style.css?17343316251591 */
/* /local/templates/wehive.digital/components/bitrix/news.list/wd_numbering/style.css?17343316251997 */
/* /local/templates/wehive.digital/components/bitrix/news.detail/wd_detail/style.css?17847566307183 */
/* /local/templates/wehive.digital/components/bitrix/news.detail/wd_feedback_blocks/style.css?1734331625995 */
/* /local/templates/wehive.digital/components/bitrix/news.detail/wd_cases_blocks/style.css?1734331625820 */
/* /local/templates/wehive.digital/components/bitrix/news.list/wd_cases/style.css?17343316251275 */