.blog-page,.article-page{padding-top:34px;padding-bottom:80px;background:#f7f6f3;color:#171717}.blog-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:34px;color:#777;font-size:14px}.blog-breadcrumbs a{color:#3f3f3f;text-decoration:none}.blog-breadcrumbs span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-hero{padding-top:38px;padding-bottom:52px;border-bottom:1px solid #ddd}.blog-hero__inner{max-width:1000px}.blog-eyebrow{display:block;margin-bottom:16px;color:#7a7a7a;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.blog-hero h1,.blog-article__header h1,.related-posts h2{margin:0;font-family:"Bebas",sans-serif;font-weight:400;text-transform:uppercase;line-height:.95}.blog-hero h1{font-size:clamp(58px,7vw,112px)}.blog-hero p,.blog-archive-description{max-width:760px;margin:25px 0 0;color:#727986;font-size:19px;line-height:1.55}.blog-hero--compact h1{font-size:clamp(48px,5.5vw,86px)}.blog-list{padding-top:52px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{display:flex;min-width:0;flex-direction:column;border:1px solid #ddd;background:#fff}.blog-card__media{display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;overflow:hidden;background:#ecebe7;text-decoration:none}.blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card__media img{transform:scale(1.025)}.blog-card__placeholder{font-family:"Bebas",sans-serif;font-size:76px;color:#c2c0b9}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card__meta{display:flex;gap:12px;margin-bottom:14px;color:#858b96;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-card h2{margin:0 0 14px;font-size:25px;line-height:1.18}.blog-card h2 a{color:#171717;text-decoration:none}.blog-card p{margin:0 0 22px;color:#707784;font-size:15px;line-height:1.55}.blog-card__link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#171717;font-size:14px;font-weight:800;text-decoration:none;text-transform:uppercase}.blog-card__link span{font-size:20px}.blog-pagination{margin-top:42px}.blog-pagination .nav-links{display:flex;gap:8px}.blog-pagination .page-numbers{display:grid;min-width:44px;height:44px;padding:0 12px;place-items:center;border:1px solid #d7d7d7;background:#fff;color:#171717;text-decoration:none}.blog-pagination .current{background:#171717;color:#fff}.blog-empty{padding:60px;border:1px solid #ddd;background:#fff;text-align:center}.article-page{padding-top:34px}.blog-article{max-width:1420px;margin:0 auto}.blog-article__header{max-width:1060px;padding:32px 0 42px}.blog-article__meta{display:flex;gap:14px;margin-bottom:18px;color:#7d8490;font-size:13px;font-weight:700;text-transform:uppercase}.blog-article__meta a{color:inherit}.blog-article__header h1{font-size:clamp(52px,6vw,100px)}.blog-article__lead{max-width:900px;margin:26px 0 0;color:#737b88;font-size:21px;line-height:1.5}.blog-article__cover{margin:0 0 42px;max-height:650px;overflow:hidden;border:1px solid #ddd;background:#eee}.blog-article__cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover}.blog-article__layout{display:grid;grid-template-columns:minmax(0,860px) minmax(280px,360px);justify-content:space-between;gap:70px}.blog-article__content{font-size:18px;line-height:1.75}.blog-article__content>*:first-child{margin-top:0}.blog-article__content h2,.blog-article__content h3{margin:1.7em 0 .65em;line-height:1.15}.blog-article__content h2{font-size:36px}.blog-article__content h3{font-size:27px}.blog-article__content img{max-width:100%;height:auto}.blog-article__content a{color:#9c6a00}.blog-article__content blockquote{margin:32px 0;padding:22px 28px;border-left:5px solid #f8c031;background:#fff}.blog-article__aside{position:relative}.blog-article-cta{position:sticky;top:110px;padding:28px;border:1px solid #ddd;background:#fff}.blog-article-cta>span{color:#8a8f98;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-cta h2{margin:12px 0;font-size:26px;line-height:1.15}.blog-article-cta p{color:#737a85;line-height:1.5}.blog-article-cta .btn-init{width:100%;margin-top:10px}.blog-article__footer{margin-top:46px;padding-top:24px;border-top:1px solid #ddd}.related-posts{margin-top:82px;padding-top:52px;border-top:1px solid #ddd}.related-posts__head{margin-bottom:28px}.related-posts h2{font-size:60px}.site-footer__column a[href$="/blog/"]{display:block}.blog-card.sticky{border-color:#f8c031}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article__layout{grid-template-columns:1fr;gap:38px}.blog-article-cta{position:static}.blog-article__aside{max-width:650px}}@media(max-width:767px){.blog-page,.article-page{padding-top:20px;padding-bottom:55px}.blog-breadcrumbs{margin-bottom:22px;font-size:12px}.blog-hero{padding-top:22px;padding-bottom:34px}.blog-hero h1{font-size:54px}.blog-hero p,.blog-archive-description{margin-top:18px;font-size:16px}.blog-list{padding-top:30px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card__body{padding:20px}.blog-article__header{padding:20px 0 28px}.blog-article__header h1{font-size:52px}.blog-article__lead{font-size:17px}.blog-article__cover{margin-bottom:28px}.blog-article__content{font-size:16px}.blog-article__content h2{font-size:29px}.blog-article__content h3{font-size:23px}.related-posts{margin-top:55px;padding-top:35px}.related-posts h2{font-size:48px}}


/* Blog article isolation: prevent collisions with theme-wide .article* styles. */
.article-page .blog-article,
.article-page .blog-article__header,
.article-page .blog-article__cover,
.article-page .blog-article__layout,
.article-page .blog-article__content,
.article-page .blog-article__aside,
.article-page .blog-article__footer {
    position: relative;
    inset: auto;
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.article-page .blog-article__header {
    display: block;
    overflow: visible;
    background: transparent;
    color: #171717;
    z-index: auto;
}

.article-page .blog-article__header h1 {
    position: static;
    margin: 0;
    color: #171717;
    background: transparent;
    transform: none;
}

.article-page .blog-article__meta,
.article-page .blog-article__lead {
    position: static;
    transform: none;
}

/* Mobile article: keep breadcrumbs below the fixed site header. */
@media (max-width: 767px) {
    .article-page {
        padding-top: calc(70px + 24px) !important;
    }

    .article-page > .blog-breadcrumbs {
        margin-top: 0;
    }
}


/* Article heading must not inherit the global fixed site-header styles. */
.article-page .blog-article__header,
.article-page .article__header {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 1060px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 32px 0 42px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #171717 !important;
    transform: none !important;
    overflow: visible !important;
    z-index: auto !important;
}

.article-page .blog-article__meta,
.article-page .article__meta {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    gap: 10px 14px !important;
    transform: none !important;
}

.article-page .blog-article__header > h1,
.article-page .article__header > h1 {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #171717 !important;
    background: transparent !important;
    font-family: "Bebas", sans-serif !important;
    font-weight: 400 !important;
    line-height: .95 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    transform: none !important;
}

@media (max-width: 767px) {
    .article-page .blog-article__header,
    .article-page .article__header {
        padding: 18px 0 26px !important;
    }

    .article-page .blog-article__meta,
    .article-page .article__meta {
        margin-bottom: 14px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .article-page .blog-article__header > h1,
    .article-page .article__header > h1 {
        font-size: clamp(38px, 12vw, 50px) !important;
        line-height: .96 !important;
        letter-spacing: 0 !important;
    }

    .article-page .blog-article__lead,
    .article-page .article__lead {
        width: 100% !important;
        margin-top: 18px !important;
        font-size: 17px !important;
    }

    .article-page .blog-article__cover,
    .article-page .article__cover {
        width: 100% !important;
        margin: 0 0 28px !important;
    }
}

/* Keep the article catalogue CTA readable on wide desktop screens. */
@media (min-width: 768px) {
    .blog-article-cta .btn-init.btn-yellow {
        padding-left: 18px;
        padding-right: 18px;
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: .16px;
        white-space: nowrap;
    }
}

/* ==========================================================
   SMP PARTS — AI ARTICLE PARTS BLOCK
   Использует визуальный паттерн process/benefits с сайта
   ========================================================== */

.article-page .blog-article__content .smp-ai-parts,
.article-page .blog-article__content .smp-ai-parts * {
    box-sizing: border-box;
}

.article-page .blog-article__content .smp-ai-parts {
    width: 100%;
    margin: 64px 0 58px;
    padding-top: 38px;
    border-top: 1px solid rgba(var(--c-black), .18);
}


/* Заголовок */

.article-page .blog-article__content .smp-ai-parts__kicker,
.article-page .blog-article__content .smp-ai-faq__kicker {
    display: block;
    margin: 0 0 13px;

    color: rgba(var(--c-black), .48);

    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .08em;

    text-transform: uppercase;
}


.article-page .blog-article__content h2.smp-ai-parts__title,
.article-page .blog-article__content h2.smp-ai-faq__title {
    max-width: 760px;
    margin: 0 !important;

    color: rgb(var(--c-black));

    font-family: "Bebas", sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: .98;

    text-transform: uppercase;
}


.article-page .blog-article__content p.smp-ai-parts__intro {
    max-width: 690px;

    margin: 22px 0 0 !important;

    color: rgba(var(--c-black), .64);

    font-size: 16px;
    line-height: 1.6;
}


/* ==========================================================
   СЕТКА
   ========================================================== */

.article-page .blog-article__content .smp-ai-parts__grid {
    display: grid;

    width: 100%;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top: 30px;

    border-top:
        1px solid rgba(var(--c-black), .18);

    border-left:
        1px solid rgba(var(--c-black), .18);
}


/* Никаких зон под картинки */

.article-page .blog-article__content .smp-ai-parts__item {
    display: block;

    min-width: 0;
    min-height: 195px;

    margin: 0 !important;
    padding: 0 !important;

    border-right:
        1px solid rgba(var(--c-black), .18);

    border-bottom:
        1px solid rgba(var(--c-black), .18);
}


/*
 * Если WordPress wpautop добавил p вокруг ссылки,
 * обёртка перестаёт влиять на layout.
 */

.article-page .blog-article__content
.smp-ai-parts__item > p {
    display: contents !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Полностью кликабельная карточка */

.article-page .blog-article__content
a.smp-ai-parts__link {

    display: flex !important;

    width: 100%;
    min-height: 195px;

    padding: 24px !important;

    flex-direction: column;

    color: rgb(var(--c-black)) !important;
    background: transparent;

    text-decoration: none !important;

    transition:
        color .2s ease,
        background-color .2s ease;
}


/* Номер */

.article-page .blog-article__content
.smp-ai-parts__number {

    display: block;

    color: rgb(var(--c-yellow));

    font-family: "Bebas", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}


/* Название */

.article-page .blog-article__content
.smp-ai-parts__name {

    display: block;

    margin-top: 38px;

    color: inherit;

    font-family: "Bebas", sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;

    text-transform: uppercase;
}


/* CTA снизу */

.article-page .blog-article__content
.smp-ai-parts__more {

    display: block;

    margin-top: auto;
    padding-top: 25px;

    color: rgba(var(--c-black), .52);

    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .04em;

    text-transform: uppercase;

    transition: color .2s ease;
}


/* Hover в стиле сайта */

.article-page .blog-article__content
.smp-ai-parts__item:hover
a.smp-ai-parts__link {

    color: rgb(var(--c-white)) !important;
    background: rgb(var(--c-black));
}


.article-page .blog-article__content
.smp-ai-parts__item:hover
.smp-ai-parts__number {

    color: rgb(var(--c-yellow));
}


.article-page .blog-article__content
.smp-ai-parts__item:hover
.smp-ai-parts__more {

    color: rgba(var(--c-white), .62);
}


/* Низ блока */

.article-page .blog-article__content
.smp-ai-parts__bottom {

    display: flex;

    margin-top: 20px;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    color: rgba(var(--c-black), .56);

    font-size: 13px;
    line-height: 1.5;
}


.article-page .blog-article__content
.smp-ai-parts__bottom > span {

    max-width: 520px;
}


.article-page .blog-article__content
.smp-ai-parts__bottom > a {

    flex: 0 0 auto;

    color: rgb(var(--c-black)) !important;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;

    text-decoration: none !important;
    text-transform: uppercase;

    border-bottom:
        1px solid rgba(var(--c-black), .3);
}


.article-page .blog-article__content
.smp-ai-parts__bottom > a:hover {

    border-bottom-color:
        rgb(var(--c-yellow));
}


/* ==========================================================
   FAQ
   ========================================================== */

.article-page .blog-article__content .smp-ai-faq,
.article-page .blog-article__content .smp-ai-faq * {
    box-sizing: border-box;
}


.article-page .blog-article__content .smp-ai-faq {
    width: 100%;

    margin: 64px 0 0;

    padding-top: 38px;

    border-top:
        1px solid rgba(var(--c-black), .18);
}


.article-page .blog-article__content
.smp-ai-faq__items {

    margin-top: 28px;

    border-top:
        1px solid rgba(var(--c-black), .18);
}


.article-page .blog-article__content
details.smp-ai-faq__item {

    display: block;

    margin: 0 !important;
    padding: 0 !important;

    border: 0;

    border-bottom:
        1px solid rgba(var(--c-black), .18);

    border-radius: 0;

    background: transparent;
}


/* Вопрос */

.article-page .blog-article__content
.smp-ai-faq__item > summary {

    position: relative;

    display: block;

    padding: 22px 58px 22px 0;

    color: rgb(var(--c-black));

    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;

    cursor: pointer;
    list-style: none;
}


.article-page .blog-article__content
.smp-ai-faq__item > summary::-webkit-details-marker {
    display: none;
}


.article-page .blog-article__content
.smp-ai-faq__item > summary::marker {
    content: "";
}


/* Плюс */

.article-page .blog-article__content
.smp-ai-faq__item > summary::after {

    content: "+";

    position: absolute;

    top: 50%;
    right: 0;

    display: flex;

    width: 36px;
    height: 36px;

    align-items: center;
    justify-content: center;

    color: rgb(var(--c-black));

    border:
        1px solid rgba(var(--c-black), .25);

    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    transform: translateY(-50%);
}


/* Раскрытый */

.article-page .blog-article__content
.smp-ai-faq__item[open]
> summary::after {

    content: "−";

    border-color:
        rgb(var(--c-yellow));

    background:
        rgb(var(--c-yellow));
}


/* Ответ */

.article-page .blog-article__content
.smp-ai-faq__answer {

    max-width: 730px;

    padding:
        0 55px 24px 0;

    color: rgba(var(--c-black), .66);

    font-size: 16px;
    line-height: 1.65;
}


.article-page .blog-article__content
.smp-ai-faq__answer > p {

    margin: 0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .article-page .blog-article__content
    .smp-ai-parts__grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .article-page .blog-article__content
    .smp-ai-parts__bottom {

        align-items: flex-start;
        flex-direction: column;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .article-page .blog-article__content
    .smp-ai-parts,

    .article-page .blog-article__content
    .smp-ai-faq {

        margin-top: 48px;
        padding-top: 28px;
    }


    .article-page .blog-article__content
    h2.smp-ai-parts__title,

    .article-page .blog-article__content
    h2.smp-ai-faq__title {

        font-size: 36px;
    }


    .article-page .blog-article__content
    p.smp-ai-parts__intro {

        margin-top: 17px !important;

        font-size: 15px;
    }


    .article-page .blog-article__content
    .smp-ai-parts__grid {

        grid-template-columns: 1fr;

        margin-top: 23px;
    }


    .article-page .blog-article__content
    .smp-ai-parts__item,

    .article-page .blog-article__content
    a.smp-ai-parts__link {

        min-height: 145px;
    }


    .article-page .blog-article__content
    a.smp-ai-parts__link {

        padding: 20px !important;
    }


    .article-page .blog-article__content
    .smp-ai-parts__number {

        font-size: 32px;
    }


    .article-page .blog-article__content
    .smp-ai-parts__name {

        margin-top: 24px;

        font-size: 26px;
    }


    .article-page .blog-article__content
    .smp-ai-faq__items {

        margin-top: 20px;
    }


    .article-page .blog-article__content
    .smp-ai-faq__item > summary {

        padding:
            18px 45px 18px 0;

        font-size: 17px;
    }


    .article-page .blog-article__content
    .smp-ai-faq__item > summary::after {

        width: 30px;
        height: 30px;

        font-size: 20px;
    }


    .article-page .blog-article__content
    .smp-ai-faq__answer {

        padding:
            0 40px 20px 0;

        font-size: 15px;
    }
}

/* ==========================================================
   ARTICLE TABLES
   Desktop: normal readable table with the original yellow header/grid.
   Mobile: the same data is rearranged into compact row cards.
   ========================================================== */

/* Desktop/base table appearance. This is intentionally outside media queries
   so the article table cannot lose borders/header styling because of JS or
   editor markup differences (thead vs a header row inside tbody). */
.article-page .blog-article__content .wp-block-table {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    overflow: visible;
}

.article-page .blog-article__content .wp-block-table > table,
.article-page .blog-article__content > table {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    border: 1px solid rgba(23, 23, 23, .22);
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
}

.article-page .blog-article__content .wp-block-table > table {
    margin: 0;
}

.article-page .blog-article__content table th,
.article-page .blog-article__content table td {
    min-width: 0;
    padding: 18px 22px;
    border: 1px solid rgba(23, 23, 23, .22);
    background: #fff;
    color: #171717;
    font-size: 16px;
    line-height: 1.55;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    box-sizing: border-box;
}

.article-page .blog-article__content table thead th,
.article-page .blog-article__content table thead td,
.article-page .blog-article__content table tbody > tr:first-child > th {
    background: #f8c031;
    color: #171717;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

/* Some Gutenberg/editor tables put the header cells in tbody. */
.article-page .blog-article__content table tbody > tr.smp-responsive-table__header-row > th,
.article-page .blog-article__content table tbody > tr.smp-responsive-table__header-row > td {
    background: #f8c031;
    color: #171717;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .article-page .blog-article__layout,
    .article-page .blog-article__content {
        min-width: 0;
        max-width: 100%;
    }

    .article-page .blog-article__content .wp-block-table,
    .article-page .blog-article__content .wp-block-table.smp-responsive-table-wrap {
        width: 100%;
        max-width: 100%;
        margin: 24px 0;
        padding: 0;
        overflow: visible;
    }

    .article-page .blog-article__content table.smp-responsive-table {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: auto;
        background: transparent;
    }

    /* Column headings are repeated beside values, so the source header is
       visually hidden only on phones. */
    .article-page .blog-article__content table.smp-responsive-table > thead,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr.smp-responsive-table__header-row {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody {
        display: grid;
        width: 100%;
        gap: 14px;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) {
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        overflow: hidden;
        border: 1px solid rgba(23, 23, 23, .18);
        background: #fff;
        box-sizing: border-box;
    }

    /* One source row = one card. The first cell is its yellow title. */
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td {
        display: grid;
        grid-template-columns: 104px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        width: 100%;
        min-width: 0 !important;
        max-width: none;
        margin: 0;
        padding: 12px 14px;
        border: 0;
        border-top: 1px solid rgba(23, 23, 23, .10);
        background: #fff;
        color: #171717;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.45;
        text-align: left;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th::before,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td::before {
        content: attr(data-label);
        display: block;
        min-width: 0;
        padding-top: 2px;
        color: #747474;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th:first-child,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td:first-child {
        display: block;
        padding: 13px 14px 14px;
        border-top: 0;
        background: #f8c031;
        color: #171717;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.35;
    }

    /* The first-column label is redundant inside the yellow heading. */
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th:first-child::before,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td:first-child::before {
        display: none;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th[data-label=""],
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td[data-label=""] {
        grid-template-columns: 1fr;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th[data-label=""]::before,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td[data-label=""]::before {
        display: none;
    }
}

@media (max-width: 420px) {
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td {
        grid-template-columns: 94px minmax(0, 1fr);
        gap: 9px;
        padding: 11px 12px;
        font-size: 14px;
        line-height: 1.42;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th:first-child,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td:first-child {
        padding: 12px;
        font-size: 15px;
    }

    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > th::before,
    .article-page .blog-article__content table.smp-responsive-table > tbody > tr:not(.smp-responsive-table__header-row) > td::before {
        font-size: 9px;
    }
}

/* === EEAT: авторство, проверка и источники статьи === */
.blog-article__expertise {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 23, 23, .12);
}

.blog-article__expert {
    display: grid;
    gap: 2px;
    min-width: min(250px, 100%);
}

.blog-article__expert > span {
    color: #7a7a7a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.blog-article__expert > strong {
    color: #171717;
    font-size: 13px;
    line-height: 1.35;
}

.blog-article__expert > small {
    color: #676767;
    font-size: 11px;
    line-height: 1.4;
}

.blog-article__sources {
    margin-top: 42px;
    padding: 24px;
    border: 1px solid rgba(23, 23, 23, .13);
    background: #f7f7f4;
}

.blog-article__sources h2 {
    margin: 4px 0 14px;
    font-size: clamp(26px, 3vw, 38px);
}

.blog-article__sources ol {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 20px;
}

.blog-article__sources li {
    color: #555;
    font-size: 13px;
    line-height: 1.5;
}

.blog-article__sources a {
    color: #171717;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.blog-article__sources a:hover,
.blog-article__sources a:focus-visible {
    text-decoration-color: rgb(var(--c-yellow));
}

@media (max-width: 760px) {
    .blog-article__expertise {
        display: grid;
        gap: 12px;
    }

    .blog-article__sources {
        margin-top: 30px;
        padding: 18px;
    }
}

/* Автор статьи находится в общей строке метаданных рядом с датой. */
.article-page .blog-article__meta {
    flex-wrap: wrap !important;
}
.article-page .blog-article__meta-author strong {
    color: #171717;
    font-weight: 800;
}


/* === Статья: компактные CTA-кнопки === */
.blog-article-cta .btn-init {
    display: inline-flex !important;
    width: auto !important;
    min-width: 220px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 18px;
    font-size: 13px;
    line-height: 1.15;
}

.blog-article-cta .btn-init.btn-yellow {
    font-size: 12px !important;
    letter-spacing: .16px;
}

@media (max-width: 767px) {
    .blog-article-cta .btn-init {
        width: 100% !important;
        min-width: 0;
    }
}


/* Категории в статьях: реальные разделы каталога вместо AI-рекомендаций. */
.article-page .blog-article__content .smp-ai-parts--catalog .smp-ai-parts__name {
    margin-top: 26px;
    overflow-wrap: anywhere;
}
.article-page .blog-article__content .smp-ai-parts--catalog .smp-ai-parts__count {
    display: block;
    margin-top: 9px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    color: rgba(var(--c-black), .56);
}
.article-page .blog-article__content .smp-ai-parts--catalog .smp-ai-parts__item:hover .smp-ai-parts__count {
    color: rgba(var(--c-white), .68);
}
@media (max-width: 767px) {
    .article-page .blog-article__content .smp-ai-parts--catalog .smp-ai-parts__name {
        margin-top: 16px;
    }
}