/* АРХИВ/СЕРДЦЕ В ОПИСАНИИ ЗАГОЛОВКА */
.blog_archive__heart { color: #e5484d; font-style: normal; }

/* АРХИВ/РУБРИКИ */
.blog_archive__categories_list {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px; align-items:center; width:100%; overflow:visible;}
    .blog_archive__categories_items {display:contents;}
    .blog_archive__categories_list > [hidden],
    .blog_archive__categories_items > [hidden] {display:none;}
 
/* АРХИВ/СЧЕТЧИК И ФИЛЬТРЫ */
.blog_archive__filters {
    display:flex; 
    align-items:flex-start; 
    justify-content:space-between; 
    flex-direction:column;
    gap:0; 
    margin:0; 
    color: #667085; 
    font-size: var(--font-size-s); 
    font-weight: var(--font-weight-normal);
}
@media (min-width: 640px) {
    .blog_archive__filters { flex-direction: row; }
}



    .blog_archive__count {flex:0 0 auto;}
    .blog_archive__sort {display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
        .blog_archive__sort_label {margin-bottom:5px;}
        .blog_archive__sort_link {position: relative; display:inline-flex; align-items:center; justify-content:center; padding:0 0 5px; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; text-decoration:none; border:0; background:transparent; transition:color .18s ease;}
            .blog_archive__sort_link::after {position:absolute; right:0; bottom:0; left:0; height:2px; background:transparent; content: ""; transform:scaleX(.35); transition:background-color .18s ease, transform .18s ease;}
            .blog_archive__sort_link.site_state__active {color:#c2410c; font-weight:700;}
            .blog_archive__sort_link.site_state__active::after {background:currentColor; transform:scaleX(1);}
            .blog_archive__sort_link:hover { color: #111827; }
            
/* АРХИВ/АВТОПОДГРУЗКА И РУЧНАЯ ПАГИНАЦИЯ */
.blog_archive__sentinel {display:grid; min-height:64px; place-items:center;}
    .blog_archive__sentinel.blog_archive__finished {min-height:0;}
    .blog_archive__pagination_loader {padding:20px 10px; font-size:.9rem; opacity:.65;}
.blog_archive__pagination {display:flex; min-height:64px; align-items:center; justify-content:center; gap:12px; padding-top:0; padding-bottom:28px;}
    .blog_archive__pagination_previous[hidden],
    .blog_archive__pagination_next[hidden] {display:none !important;}

/* Архив и главная блога: общие параметры раздела — скрытый элемент. */
[data-ei-archive-header] [hidden] { display: none !important; }



/* ===== Карточки ===== */

/* Карточки: карточка */
.blog_card__item {position:relative; box-sizing:border-box; min-width:0; margin:0;}

/* Карточки: изображение */
.blog_card__image {position:relative; display:block; overflow:hidden; background:#f2f2f2;}
.blog_card__image picture {display:block; width:100%; height:100%;}
.blog_card__image img {display:block; width:100%; height:100%;}
.blog_card__image_source {object-fit:cover; transition:transform .35s ease;}

/* Карточки: содержимое */
.blog_card__content {min-width:0;}

/* Карточки: заголовок */
.blog_card__title {margin:0; padding:0; overflow-wrap:break-word;}
.blog_card__title a {color:inherit; text-decoration:none; transition:color .2s ease;}

/* Карточки: метаданные */
.blog_card__meta {display:flex; min-width:0; flex-wrap:wrap; align-items:center;}
.blog_card__meta a {color:inherit; text-decoration:none; transition:color .2s ease;}
.blog_card__meta_category {font-weight:600;}
.blog_card__meta_date {direction:ltr; unicode-bidi:isolate; white-space:nowrap;}
.blog_card__meta_stats {display:flex; flex-shrink:0; align-items:center; white-space:nowrap;}
.blog_card__meta_stats > span {display:inline-flex; align-items:center;}
.blog_card__meta_stats .blog_stats__icon {display:block;}

/* Фокус */
.blog_card__image:focus-visible {outline:2px solid #c2410c; outline-offset:3px;}
.blog_card__title a:focus-visible {outline:2px solid #c2410c; outline-offset:3px;}
.blog_card__meta a:focus-visible {outline:2px solid #c2410c; outline-offset:3px;}



/* ===== Обычная карточка ===== */

/* Mobile */
.blog_card__list_normal .blog_card__item {
    display:flex;
    flex-direction:column;
    padding:10px 10px 14px;
    border:1px solid #eceef2;
    border-radius:12px;
    background:#fff;
    box-shadow:0 1px 2px rgba(17,24,39,.03);
    overflow:hidden;
}

.blog_card__list_normal .blog_card__image {
    width:calc(100% + 20px);
    flex-shrink:0;
    aspect-ratio:16 / 9;
    margin:-10px -10px 0;
    border-radius:0;
}

.blog_card__list_normal .blog_card__content {
    display:flex;
    flex:1;
    flex-direction:column;
    padding:12px 2px 0;
}

.blog_card__list_normal .blog_card__title {
    color:#202020;
    font-size:19px;
    font-weight:700;
    line-height:1.22;
    text-align:start;
}

.blog_card__list_normal .blog_card__meta {
    gap:5px 6px;
    margin-top:auto;
    padding-top:11px;
    color:var(--font-color-light);
    font-size:var(--font-size-xs);
    line-height:1.5;
}

.blog_card__list_normal .blog_card__meta_category {color:#555;}
.blog_card__list_normal .blog_card__meta_separator {color:#a0a0a0;}
.blog_card__list_normal .blog_card__meta_date {color:var(--font-color-light);}

.blog_card__list_normal .blog_card__meta_stats {
    gap:8px;
    margin-inline-start:auto;
    color:var(--font-color-light);
    font-size:11px;
}

.blog_card__list_normal .blog_card__meta_stats > span {gap:3px;}

.blog_card__list_normal .blog_card__meta_stats .blog_stats__icon {
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#88898c;
}


/* Tablet */
@media (min-width: 640px) {
    .blog_card__list_normal .blog_card__item {
        padding:15px;
    }

    .blog_card__list_normal .blog_card__image {
        width:calc(100% + 30px);
        margin:-15px -15px 0;
    }

    .blog_card__list_normal .blog_card__content {
        padding:13px 0 0;
    }

    .blog_card__list_normal .blog_card__title {
        font-size:18px;
        line-height:1.28;
    }

    .blog_card__list_normal .blog_card__meta {
        gap:6px 7px;
        padding-top:13px;
    }
}


/* Desktop */
@media (min-width: 1024px) {
    .blog_card__list_normal .blog_card__item {
        padding:16px;
    }

    .blog_card__list_normal .blog_card__image {
        width:calc(100% + 32px);
        margin:-16px -16px 0;
    }

    .blog_card__list_normal .blog_card__title {
        font-size:19px;
    }
}



/* ===== Компактная карточка ===== */

/* Mobile */
.blog_card__list_compact {
    display:flex;
    min-width:0;
    flex-direction:column;
    border-top:1px solid #eceef2;
}

.blog_card__list_compact .blog_card__item {
    display:grid;
    grid-template-columns:108px minmax(0,1fr);
    gap:10px;
    padding:14px 0;
    border:0;
    border-bottom:1px solid #eceef2;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}

.blog_card__list_compact .blog_card__item:not(.has-post-thumbnail) {
    grid-template-columns:minmax(0,1fr);
}

.blog_card__list_compact .blog_card__image {
    width:100%;
    aspect-ratio:4 / 3;
    margin:0;
    border-radius:9px;
}

.blog_card__list_compact .blog_card__content {
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:0;
}

.blog_card__list_compact .blog_card__title {
    color:#202020;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    overflow-wrap:anywhere;
}

.blog_card__list_compact .blog_card__meta {
    gap:3px 5px;
    margin-top:auto;
    padding-top:8px;
    color:#7a7a7a;
    font-size:11px;
    line-height:1.4;
}

.blog_card__list_compact .blog_card__meta_category {color:#666;}
.blog_card__list_compact .blog_card__meta_separator {color:#9a9a9a;}
.blog_card__list_compact .blog_card__meta_stats {display:none;}


/* Tablet */
@media (min-width: 640px) {
    .blog_card__list_compact .blog_card__item {
        grid-template-columns:128px minmax(0,1fr);
        gap:12px;
    }
}


/* Desktop */
@media (min-width: 1024px) {
    .blog_card__list_compact .blog_card__item {
        grid-template-columns:112px minmax(0,1fr);
    }
}



/* ===== Первая карточка главной страницы ===== */

/* Mobile */
.blog_card__list_featured > .blog_card__item:first-child {
    position:relative;
    display:flex;
    width:100%;
    min-height:0;
    aspect-ratio:5 / 6;
    flex-direction:column;
    justify-content:flex-end;
    padding:0;
    overflow:hidden;
    border:1px solid #252b36;
    border-radius:16px;
    color:#fff;
    background:#111827;
    box-shadow:0 8px 24px rgba(17,24,39,.14);
}

.blog_card__list_featured > .blog_card__item:first-child::after {
    position:absolute;
    inset:0;
    z-index:1;
    content:"";
    pointer-events:none;
    background:linear-gradient(180deg,rgba(17,24,39,.65) 0%,rgba(17,24,39,.08) 35%,rgba(17,24,39,.84) 100%);
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__image {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    border-radius:0;
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__content {
    position:relative;
    z-index:2;
    display:flex;
    min-height:0;
    flex:1;
    flex-direction:column;
    justify-content:space-between;
    padding:20px;
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__title {
    max-width:820px;
    color:#fff;
    font-size:clamp(1.65rem,3vw,2.5rem);
    font-weight:850;
    line-height:1.12;
    letter-spacing:-.025em;
    text-shadow:0 1px 14px rgba(0,0,0,.25);
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta {
    order:-1;
    gap:6px 8px;
    margin-top:0;
    padding-top:0;
    padding-bottom:16px;
    color:#f3f4f6;
    font-size:var(--font-size-xs);
    line-height:1.45;
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_category,
.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_date,
.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_separator,
.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_stats,
.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_stats .blog_stats__icon {
    color:inherit;
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta_stats {
    gap:8px;
    margin-inline-start:auto;
    font-size:11px;
}

.blog_card__list_featured > .blog_card__item:first-child .blog_card__title a:focus-visible,
.blog_card__list_featured > .blog_card__item:first-child .blog_card__meta a:focus-visible {
    outline-color:#fff;
}


/* Tablet */
@media (min-width: 640px) {
    .blog_card__list_featured > .blog_card__item:first-child {
        grid-column:span 2;
        min-height:340px;
        aspect-ratio:auto;
    }

    .blog_card__list_featured > .blog_card__item:first-child .blog_card__content {
        min-height:100%;
        padding:24px;
    }
}


/* Desktop */
@media (min-width: 1024px) {
    .blog_card__list_featured > .blog_card__item:first-child {
        min-height:360px;
    }

    .blog_card__list_featured > .blog_card__item:first-child .blog_card__content {
        padding:28px;
    }
}



/* ===== Hover ===== */

@media (hover:hover) and (pointer:fine) {
    .blog_card__item:hover .blog_card__image_source {
        transform:scale(1.035);
    }

    .blog_card__list_normal .blog_card__title a:hover,
    .blog_card__list_normal .blog_card__meta a:hover,
    .blog_card__list_compact .blog_card__title a:hover,
    .blog_card__list_compact .blog_card__meta a:hover {
        color:#c2410c;
    }

    .blog_card__list_featured > .blog_card__item:first-child .blog_card__title a:hover,
    .blog_card__list_featured > .blog_card__item:first-child .blog_card__meta a:hover {
        color:#fff;
        text-decoration:underline;
    }
}



/* ===== Reduced motion ===== */

@media (prefers-reduced-motion:reduce) {
    .blog_card__image_source,
    .blog_card__title a,
    .blog_card__meta a {
        transition:none;
    }

    .blog_card__item:hover .blog_card__image_source {
        transform:none;
    }
}

/* ===== Поиск ===== */
/* Поиск: панель поиска. */
.blog_search__tools { padding-top:12px; padding-bottom:24px; }
/* Поиск: форма поиска. */
.blog_search__form { display:flex; width:100%; align-items:stretch; gap:10px; margin:0; }
/* Поиск: форма поиска — поля ввода. */
.blog_search__form input[type="search"] { min-width:0; min-height:44px; flex:1; padding:9px 14px; border:1px solid #d0d5dd; border-radius:12px; background:#fff; color:var(--font-color-normal); font:inherit; line-height:1.4; appearance:none; }
/* Поиск: форма поиска — подсказка поля, поля ввода. */
.blog_search__form input[type="search"]::placeholder { color:#667085; opacity:1; }
/* Поиск: форма поиска — при фокусе с клавиатуры, поля ввода. */
.blog_search__form input[type="search"]:focus-visible { border-color:var(--link-normal); outline:3px solid var(--link-normal); outline-offset:2px; }
/* Поиск: кнопка поиска. */
.blog_search__submit { min-width:108px; flex:0 0 auto; }
/* Поиск: панель сортировки и количества записей. */
.blog_search__results .blog_archive__filters { border-top:1px solid var(--border-color); }
/* Поиск: переход к следующим материалам. */
.blog_search__pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding-top:0; padding-bottom:32px; }
/* Поиск: информационное сообщение. */
.blog_search__notice { margin:0; color:var(--font-color-light); }
/* Поиск: сообщение об отсутствии результатов. */
.blog_search__empty { margin:0; color:var(--font-color-light); }
/* Поиск: информационное сообщение. */
.blog_search__notice { border-top:1px solid var(--border-color); }
@media(max-width:640px) {
    /* Поиск: форма поиска. */
    .blog_search__form { flex-direction:column; }
    /* Поиск: кнопка поиска. */
    .blog_search__submit { width:100%; }
}






/* ===== Рубрики ===== */
/* Рубрики: основной контейнер. */
.blog_categories__container { color:var(--font-color-normal); }
/* Рубрики: содержимое. */
.blog_categories__content { padding-top:0; padding-bottom:40px; }
/* Рубрики: список. */
.blog_categories__list { display:flex; width:100%; flex-direction:column; gap:0; }
/* Рубрики: группа рубрик. */
.blog_category__group { width:100%; min-width:0; padding:24px 0; border:0; border-radius:0; background:transparent; box-shadow:none; }
/* Рубрики: группа рубрик — заголовок h2. */
.blog_category__group h2 { margin:0; color:var(--font-color-normal); font-size:clamp(1.35rem,2.4vw,1.65rem); font-weight:800; line-height:1.25; letter-spacing:-.02em; }
/* Рубрики: группа рубрик — ссылки. */
.blog_category__group h2 a { color:inherit; text-decoration:none; }
/* Рубрики: группа рубрик — при фокусе с клавиатуры, ссылки. */
.blog_category__group h2 a:focus-visible { outline:3px solid var(--link-normal); outline-offset:4px; border-radius:4px; }
/* Рубрики: подрубрики. */
.blog_category__children { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0 0; padding:0; list-style:none; }
/* Рубрики: подрубрики — элементы списка. */
.blog_category__children li { min-width:0; margin:0; }
/* Рубрики: ссылка. */
.blog_category__link { max-width:100%; overflow-wrap:anywhere; }
/* Рубрики: информационное сообщение. */
.blog_categories__notice { margin:0; padding:22px 0; color:var(--font-color-light); }
@media(hover:hover) and (pointer:fine) {
    /* Рубрики: группа рубрик — при наведении, ссылки. */
    .blog_category__group h2 a:hover { color:var(--accent-normal); }
}
@media(max-width:867.99px) {
    /* Рубрики: содержимое. */
    .blog_categories__content { padding-top:0; }
    /* Рубрики: группа рубрик. */
    .blog_category__group { padding:20px 0; }
}
@media(max-width:520px) {
    /* Рубрики: подрубрики. */
    .blog_category__children { gap:8px; }
    /* Рубрики: ссылка. */
    .blog_category__link { min-height:38px; padding:7px 12px; font-size:13px; white-space:normal; }
}

/* ===== Статья ===== */
/* Статья: верхняя область. */
.blog_single__header { margin-bottom:30px; }
/* Статья: заголовок. */
.blog_single__title { max-width:780px; margin:0; color:#202020; font-size:clamp(2.25rem,4.5vw,2.8rem); font-weight:800; line-height:.98; letter-spacing:-.03em; overflow-wrap:anywhere; }
/* Статья: метаданные. */
.blog_single__meta { display:flex; min-width:0; flex-wrap:wrap; align-items:center; gap:5px 7px; margin-top:20px; color:var(--font-color-light); font-size:var(--font-size-xs); line-height:var(--ei-text-line-height,1.5); }
/* Статья: метаданные — ссылки. */
.blog_single__meta a { color:inherit; text-decoration:none; transition:color .18s ease; }
/* Статья: рубрика в метаданных. */
.blog_single__meta_category { color:var(--font-color-light); font-weight:400; }
/* Статья: разделитель метаданных. */
.blog_single__meta_separator { color:#a0a0a0; }
/* Статья: метаданные — дата. */
.blog_single__meta time { direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
/* Статья: метаданные — при фокусе с клавиатуры, ссылки. */
.blog_single__meta a:focus-visible { outline:2px solid #c2410c; outline-offset:3px; border-radius:2px; }
/* Статья: содержимое — при фокусе с клавиатуры, ссылки. */
.blog_single__content a:focus-visible { outline:2px solid #c2410c; outline-offset:3px; border-radius:2px; }
/* Статья: анонс статьи. */
.blog_single__excerpt { margin-top:20px; color:#555; font-size:var(--ei-text-size,18px); font-weight:400; line-height:var(--ei-text-line-height,1.5); }
/* Статья: анонс статьи — первый элемент. */
.blog_single__excerpt>:first-child { margin-top:0; }
/* Статья: анонс статьи — последний элемент. */
.blog_single__excerpt>:last-child { margin-bottom:0; }
/* Статья: изображение. */
.blog_single__image { display:block; width:100%; height:auto; margin-top:20px; border-radius:var(--ei-image-border-radius,12px); background:#f2f2f2; }
/* Статья: содержимое. */
.blog_single__content { margin-top:20px; color:var(--ei-text-color,#111827); font-size:var(--ei-text-size,18px); line-height:var(--ei-text-line-height,1.5); overflow-wrap:anywhere; }
/* Статья: содержимое — первый элемент. */
.blog_single__content>:first-child { margin-top:0; }
/* Статья: содержимое — последний элемент. */
.blog_single__content>:last-child { margin-bottom:0; }
/* Статья: содержимое — абзацы. */
.blog_single__content p { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — маркированные списки. */
.blog_single__content ul { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — нумерованные списки. */
.blog_single__content ol { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — цитаты. */
.blog_single__content blockquote { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — иллюстрации. */
.blog_single__content figure { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — таблицы. */
.blog_single__content table { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — блоки кода. */
.blog_single__content pre { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое. */
.blog_single__content .wp-block-embed { margin-top:0; margin-bottom:1em; }
/* Статья: содержимое — заголовок h2. */
.blog_single__content h2 { color:#202020; font-weight:700; letter-spacing:-.015em; }
/* Статья: содержимое — заголовок h3. */
.blog_single__content h3 { color:#202020; font-weight:700; letter-spacing:-.015em; }
/* Статья: содержимое — заголовок h4. */
.blog_single__content h4 { color:#202020; font-weight:700; letter-spacing:-.015em; }
/* Статья: содержимое — заголовок h5. */
.blog_single__content h5 { color:#202020; font-weight:700; letter-spacing:-.015em; }
/* Статья: содержимое — заголовок h6. */
.blog_single__content h6 { color:#202020; font-weight:700; letter-spacing:-.015em; }
/* Статья: содержимое — заголовок h2. */
.blog_single__content h2 { margin:1.65em 0 .65em; font-size:1.55em; line-height:1.18; }
/* Статья: содержимое — заголовок h3. */
.blog_single__content h3 { margin:1.55em 0 .6em; font-size:1.25em; line-height:1.25; }
/* Статья: содержимое — заголовок h4. */
.blog_single__content h4 { margin:1.45em 0 .55em; font-size:1.05em; line-height:1.3; }
/* Статья: содержимое — заголовок h5. */
.blog_single__content h5 { margin:1.45em 0 .55em; font-size:1.05em; line-height:1.3; }
/* Статья: содержимое — заголовок h6. */
.blog_single__content h6 { margin:1.45em 0 .55em; font-size:1.05em; line-height:1.3; }
/* Статья: содержимое — ссылки. */
.blog_single__content a { color:#c2410c; text-decoration-color:rgba(194,65,12,.35); text-decoration-thickness:1px; text-underline-offset:3px; transition:color .18s ease,text-decoration-color .18s ease; }
/* Статья: содержимое — маркированные списки. */
.blog_single__content ul { padding-inline-start:1.35em; }
/* Статья: содержимое — нумерованные списки. */
.blog_single__content ol { padding-inline-start:1.35em; }
/* Статья: содержимое — элементы списка. */
.blog_single__content li+li { margin-top:.38em; }
/* Статья: содержимое — элементы списка. */
.blog_single__content li::marker { color:#9a9a9a; }
/* Статья: содержимое — изображения. */
.blog_single__content img { max-width:100%; height:auto; border-radius:10px; }
/* Статья: содержимое — видео. */
.blog_single__content video { max-width:100%; height:auto; border-radius:10px; }
/* Статья: содержимое — встроенные материалы. */
.blog_single__content iframe { max-width:100%; }
/* Статья: содержимое — иллюстрации. */
.blog_single__content figure { max-width:100%; }
/* Статья: содержимое — изображения. */
.blog_single__content figure img { display:block; }
/* Статья: содержимое — подписи иллюстраций. */
.blog_single__content figcaption { margin-top:8px; color:#667085; font-size:13px; line-height:1.45; }
/* Статья: содержимое. */
.blog_single__content .wp-caption-text { margin-top:8px; color:#667085; font-size:13px; line-height:1.45; }
/* Статья: содержимое — цитаты. */
.blog_single__content blockquote { margin-inline:0; padding:18px 20px; border-left:4px solid #ed5e30; border-radius:0 10px 10px 0; background:#fff7f3; color:#444; font-size:1.03em; line-height:1.65; }
/* Статья: содержимое — первый элемент, цитаты. */
.blog_single__content blockquote>:first-child { margin-top:0; }
/* Статья: содержимое — последний элемент, цитаты. */
.blog_single__content blockquote>:last-child { margin-bottom:0; }
/* Статья: содержимое — разделитель. */
.blog_single__content hr { height:1px; margin:34px 0; border:0; background:#eceef2; }
/* Статья: содержимое — блоки кода. */
.blog_single__content pre { max-width:100%; overflow:auto; padding:16px 18px; border:1px solid #eceef2; border-radius:10px; background:#f7f8fa; font-size:.9em; line-height:1.55; }
/* Статья: содержимое — код. */
.blog_single__content code { padding:.12em .32em; border-radius:4px; background:#f3f4f6; font-size:.9em; }
/* Статья: содержимое — код. */
.blog_single__content pre code { padding:0; background:transparent; font-size:inherit; }
/* Статья: содержимое — таблицы. */
.blog_single__content table { width:100%; border-collapse:collapse; font-size:.94em; }
/* Статья: содержимое — заголовки таблицы. */
.blog_single__content th { padding:10px 12px; border:1px solid #e5e7eb; text-align:start; vertical-align:top; }
/* Статья: содержимое — ячейки таблицы. */
.blog_single__content td { padding:10px 12px; border:1px solid #e5e7eb; text-align:start; vertical-align:top; }
/* Статья: содержимое — заголовки таблицы. */
.blog_single__content th { background:#f7f8fa; font-weight:700; }
/* Статья: содержимое. */
.blog_single__content .wp-block-table { max-width:100%; overflow-x:auto; }
/* Статья: содержимое — таблицы. */
.blog_single__content .wp-block-table table { margin-bottom:0; }
/* Статья: содержимое. */
.blog_single__content .alignwide { max-width:100%; }
/* Статья: содержимое. */
.blog_single__content .alignfull { max-width:100%; }
/* Статья: вопрос читателю. */
.blog_single__question { margin-top:20px; color:var(--ei-text-color,#111827); font-weight:600; line-height:var(--ei-text-line-height,1.5); }
/* Статья: ссылка для ответа комментарием. */
.blog_single__question_comment { color:inherit; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
/* Статья: ссылка для ответа комментарием — при наведении. */
.blog_single__question_comment:hover { text-decoration:none; }
/* Статья: панель статистики. */
.blog_single__stats { margin-top:20px; padding:20px 0 0; display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; color:#707070; border-top:1px solid #eceef2; font-size:13px; }
/* Статья: панель статистики. */
.blog_single__stats>span { display:inline-flex; gap:5px; align-items:center; }
/* Статья: панель статистики — кнопки. */
.blog_single__stats button { display:inline-flex; gap:5px; align-items:center; }
/* Статья: значок статистики. */
.blog_single__stats .blog_stats__icon { display:block; width:20px; height:20px; flex:0 0 20px; color:#88898c; }
/* Статья: кнопка поделиться. */
.blog_single__stats .blog_single__stat_share { margin-left:auto; }
/* Статья: панель статистики. */
.blog_single__stats b { font-weight:400; }
/* Статья: панель статистики — кнопки. */
.blog_single__stats button { appearance:none; min-height:0; padding:0; font:inherit; color:inherit; border:0; border-radius:0; background:none; cursor:pointer; transition:color .18s ease; }
/* Статья: панель статистики — при наведении, кнопки. */
.blog_single__stats button:hover { color:#c2410c; background:none; }
/* Статья: панель статистики — кнопки. */
.blog_single__stats button[aria-pressed=true] { color:#c2410c; background:none; }
/* Статья: значок статистики — при наведении, кнопки. */
.blog_single__stats button:hover .blog_stats__icon { color:currentColor; }
/* Статья: значок статистики — кнопки. */
.blog_single__stats button[aria-pressed=true] .blog_stats__icon { color:currentColor; }
/* Статья: значок статистики. */
.blog_single__stats [data-action="like"][aria-pressed=true] .blog_stats__icon { fill:currentColor; }
/* Статья: панель статистики — при фокусе с клавиатуры, кнопки. */
.blog_single__stats button:focus-visible { outline:2px solid #c2410c; outline-offset:2px; }
/* Статья: панель статистики — кнопки. */
.blog_single__stats button[aria-pressed=true] { font-weight:inherit; }
/* Статья: панель статистики — недоступное состояние, кнопки. */
.blog_single__stats button:disabled { cursor:default; opacity:.72; }
/* Статья: панель статистики — кнопки. */
.blog_single__stats button[aria-disabled="true"] { cursor:default; opacity:.72; }
/* Статья: панель статистики. */
.blog_single__stats [data-stats-status] { flex-basis:100%; margin:0; font-size:12px; }
/* Статья: панель статистики — пустое содержимое. */
.blog_single__stats [data-stats-status]:empty { display:none; }
/* Статья: панель статистики — скрытый элемент. */
.blog_single__stats [hidden] { display:none!important; }
@media(hover:hover) and (pointer:fine) {
    /* Статья: метаданные — при наведении, ссылки. */
    .blog_single__meta a:hover { color:#c2410c; }
    /* Статья: содержимое — при наведении, ссылки. */
    .blog_single__content a:hover { color:#c2410c; }
    /* Статья: содержимое — при наведении, ссылки. */
    .blog_single__content a:hover { text-decoration-color:currentColor; }
}
@media(max-width:867.99px) {
    /* Статья: заголовок. */
    .blog_single__title { font-size:clamp(2rem,9vw,2.65rem); line-height:1.02; }
    /* Статья: верхняя область. */
    .blog_single__header { margin-bottom:26px; }
    /* Статья: содержимое. */
    .blog_single__content { font-size:16px; line-height:1.7; }
}
@media(max-width:520px) {
    /* Статья: заголовок. */
    .blog_single__title { font-size:2.15rem; }
    /* Статья: анонс статьи. */
    .blog_single__excerpt { font-size:1rem; line-height:1.58; }
    /* Статья: изображение. */
    .blog_single__image { margin-top:22px; border-radius:10px; }
    /* Статья: содержимое — заголовок h2. */
    .blog_single__content h2 { font-size:1.4em; }
    /* Статья: содержимое — заголовок h3. */
    .blog_single__content h3 { font-size:1.18em; }
    /* Статья: содержимое — цитаты. */
    .blog_single__content blockquote { padding:10px; }
    /* Статья: панель статистики. */
    .blog_single__stats { gap:8px 12px; }
}
@media(prefers-reduced-motion:reduce) {
    /* Статья: метаданные — ссылки. */
    .blog_single__meta a { transition:none; }
    /* Статья: содержимое — ссылки. */
    .blog_single__content a { transition:none; }
    /* Статья: панель статистики — кнопки. */
    .blog_single__stats button { transition:none; }
}
/* Статья: группа кнопок статистики. */
.blog_single__stats .blog_single__stat_group { gap:0; }
/* Статья: группа кнопок статистики. */
.blog_single__stats .blog_single__stat_group>[data-action="like"] { padding-right:3px; }
/* Статья: счётчик лайков. */
.blog_single__stats .blog_single__stat_count { min-width:24px; padding-left:3px; padding-right:5px; font-weight:600; }
/* Статья: счётчик лайков — недоступное состояние. */
.blog_single__stats .blog_single__stat_count:disabled { background:transparent; }
/* Статья: боковая колонка. */
.blog_single__sidebar { background:#fff; }
/* Статья: внутренняя область боковой колонки. */
.blog_single__sidebar_inner { display:flex; flex-direction:column; }
/* Статья: похожие материалы. */
.blog_single__related { min-width:0; }
/* Статья: похожие материалы — заголовок h2. */
.blog_single__related>h2 { margin:0 0 14px; color:#202020; font-size:17px; font-weight:700; line-height:1.3; }
@media(max-width:867.99px) {
    /* Статья: боковая колонка. */
    .blog_single__sidebar { border-top:1px solid var(--ai-theme-border,#e5e7eb); }
}
/* Статья: последние публикации. */
.blog_single__latest { border-top:1px solid var(--ai-theme-border,#e5e7eb); }
/* Статья: заголовок последних публикаций. */
.blog_single__latest_header { padding:30px 40px 0; }
/* Статья: заголовок последних публикаций — заголовок h2. */
.blog_single__latest_header h2 { margin:0; color:#202020; font-size:24px; font-weight:700; line-height:1.2; letter-spacing:-.015em; }
/* Статья: сетка последних публикаций. */
.blog_single__latest_grid.__grid { padding-top:18px; }
/* Статья: навигация последних публикаций. */
.blog_single__latest_pagination { display:flex; justify-content:center; padding:0 40px 30px; }
/* Статья: ссылка на следующие публикации. */
.blog_single__latest_next { min-width:160px; }
@media(max-width:867.99px) {
    /* Статья: заголовок последних публикаций. */
    .blog_single__latest_header { padding:24px 20px 0; }
    /* Статья: заголовок последних публикаций — заголовок h2. */
    .blog_single__latest_header h2 { font-size:21px; }
    /* Статья: сетка последних публикаций. */
    .blog_single__latest_grid.__grid { padding-top:16px; }
    /* Статья: навигация последних публикаций. */
    .blog_single__latest_pagination { padding:0 20px 24px; }
}

/* ===== Комментарии ===== */
/* Комментарии: блокировка прокрутки при открытом окне. */
html.blog_comments__dialog_open { overflow:hidden }
/* Комментарии: блокировка прокрутки при открытом окне. */
html.blog_comments__dialog_open body { overflow:hidden }
/* Комментарии: панель действий с комментариями. */
.blog_comments__comment_actions { margin-top:28px }
/* Комментарии: кнопка написания комментария. */
.blog_comments__comment_write { appearance:none;display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 18px;border:1px solid #b93816;border-radius:999px;background:#b93816;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer }
/* Комментарии: кнопка написания комментария — при наведении. */
.blog_comments__comment_write:hover { background:#932c11;border-color:#932c11 }
/* Комментарии: кнопка написания комментария — при фокусе с клавиатуры. */
.blog_comments__comment_write:focus-visible { outline:3px solid #2251cc;outline-offset:3px }
/* Комментарии: диалоговое окно. */
.blog_comments__dialog { box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#202020;overflow:hidden;font:inherit }
/* Комментарии: диалоговое окно — закрытое окно. */
.blog_comments__dialog:not([open]) { display:none }
/* Комментарии: диалоговое окно — открытое окно. */
.blog_comments__dialog[open] { display:flex;flex-direction:column }
/* Комментарии: диалоговое окно. */
.blog_comments__dialog * { box-sizing:border-box }
/* Комментарии: диалоговое окно — затемнение фона. */
.blog_comments__dialog::backdrop { background:rgba(0,0,0,.45) }
/* Комментарии: заголовочная область окна. */
.blog_comments__dialog_header { display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;padding:calc(20px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));border-bottom:1px solid #e8e8e8 }
/* Комментарии: заголовочная область окна — заголовок h2. */
.blog_comments__dialog_header h2 { margin:0;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.3 }
/* Комментарии: кнопка закрытия окна. */
.blog_comments__dialog_close { appearance:none;display:grid;width:44px;height:44px;flex:none;place-items:center;padding:9px;border:1px solid #dedede;border-radius:10px;background:#f4f4f4;color:inherit;font:inherit;cursor:pointer }
/* Комментарии: кнопка закрытия окна — при наведении. */
.blog_comments__dialog_close:hover { background:#e9e9e9 }
/* Комментарии: диалоговое окно — при фокусе с клавиатуры, кнопки. */
.blog_comments__dialog button:focus-visible { outline:3px solid #2251cc;outline-offset:2px }
/* Комментарии: диалоговое окно — при фокусе с клавиатуры, поля ввода. */
.blog_comments__dialog input:focus-visible { outline:3px solid #2251cc;outline-offset:2px }
/* Комментарии: диалоговое окно — при фокусе с клавиатуры, текстовое поле. */
.blog_comments__dialog textarea:focus-visible { outline:3px solid #2251cc;outline-offset:2px }
/* Комментарии: прокручиваемое содержимое окна. */
.blog_comments__dialog_content { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px max(24px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)) }
/* Комментарии: ограничение ширины содержимого окна. */
.blog_comments__dialog_inner { width:100%;max-width:760px;margin:0 auto }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .comment-list { margin:0;padding:0;list-style:none }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .children { margin:14px 0 0;padding:0;list-style:none }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .comment-body { margin-bottom:14px;padding:16px;border:1px solid #eceef2;border-radius:12px;background:#fff }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .comment-meta { color:var(--font-color-light);font-size:var(--font-size-xs) }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .comment-author { color:#202020;font-size:14px;font-weight:700 }
/* Комментарии: список комментариев — изображения. */
.blog_comments__comments_list .comment-author img { margin-right:8px;border-radius:50%;vertical-align:middle }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .comment-content { margin-top:10px;font-size:15px;line-height:1.6 }
/* Комментарии: список комментариев — последний элемент. */
.blog_comments__comments_list .comment-content>:last-child { margin-bottom:0 }
/* Комментарии: список комментариев. */
.blog_comments__comments_list .reply { display:none }
/* Комментарии: список комментариев — ссылки. */
.blog_comments__comments_list a { color:inherit;text-decoration:none }
/* Комментарии: сообщение об отсутствии комментариев. */
.blog_comments__comments_empty { margin:0;color:#707070 }
/* Комментарии: нижняя кнопка написания комментария. */
.blog_comments__comment_write_bottom { display:flex;margin:24px auto 0 }
/* Комментарии: форма комментария. */
.blog_comments__comment_form .comment-respond { margin:0 }
/* Комментарии: форма комментария. */
.blog_comments__comment_form .logged-in-as { color:#707070;font-size:13px;line-height:1.5 }
/* Комментарии: форма комментария. */
.blog_comments__comment_form .comment-notes { color:#707070;font-size:13px;line-height:1.5 }
/* Комментарии: форма комментария — абзацы. */
.blog_comments__comment_form .comment-form p { margin:0 0 16px }
/* Комментарии: форма комментария — подписи полей. */
.blog_comments__comment_form .comment-form label { display:block;margin-bottom:7px;color:#555;font-size:13px;font-weight:600 }
/* Комментарии: форма комментария — поля ввода. */
.blog_comments__comment_form .comment-form input[type="text"] { width:100%;padding:11px 13px;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#202020;font:inherit }
/* Комментарии: форма комментария — поля ввода. */
.blog_comments__comment_form .comment-form input[type="email"] { width:100%;padding:11px 13px;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#202020;font:inherit }
/* Комментарии: форма комментария — поля ввода. */
.blog_comments__comment_form .comment-form input[type="url"] { width:100%;padding:11px 13px;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#202020;font:inherit }
/* Комментарии: форма комментария — текстовое поле. */
.blog_comments__comment_form .comment-form textarea { width:100%;padding:11px 13px;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#202020;font:inherit }
/* Комментарии: форма комментария — текстовое поле. */
.blog_comments__comment_form .comment-form textarea { min-height:180px;resize:vertical }
/* Комментарии: форма комментария — при фокусе, поля ввода. */
.blog_comments__comment_form .comment-form input:focus { border-color:#2251cc;outline:0;box-shadow:0 0 0 3px rgba(34,81,204,.18) }
/* Комментарии: форма комментария — при фокусе, текстовое поле. */
.blog_comments__comment_form .comment-form textarea:focus { border-color:#2251cc;outline:0;box-shadow:0 0 0 3px rgba(34,81,204,.18) }
/* Комментарии: форма комментария. */
.blog_comments__comment_form .form-submit { margin-top:20px }
/* Комментарии: форма комментария — поля ввода. */
.blog_comments__comment_form .form-submit input { appearance:none;min-height:42px;padding:9px 18px;border:1px solid #b93816;border-radius:999px;background:#b93816;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer }
/* Комментарии: форма комментария — при наведении, поля ввода. */
.blog_comments__comment_form .form-submit input:hover { background:#932c11;border-color:#932c11 }
@media(max-width:520px) {
    /* Комментарии: заголовочная область окна. */
    .blog_comments__dialog_header { padding-inline:16px }
    /* Комментарии: прокручиваемое содержимое окна. */
    .blog_comments__dialog_content { padding-inline:16px }
    /* Комментарии: форма комментария — текстовое поле. */
    .blog_comments__comment_form .comment-form textarea { min-height:150px }
}

/* ===== Пользователи, поставившие лайк ===== */
/* Пользователи, поставившие лайк: блокировка прокрутки при открытом окне. */
html.blog_likers__open { overflow:hidden }
/* Пользователи, поставившие лайк: блокировка прокрутки при открытом окне. */
html.blog_likers__open body { overflow:hidden }
/* Пользователи, поставившие лайк: диалоговое окно. */
.blog_likers__dialog { box-sizing:border-box;position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;color:#202020;background:#fff;overflow:hidden;font:inherit }
/* Пользователи, поставившие лайк: диалоговое окно — закрытое окно. */
.blog_likers__dialog:not([open]) { display:none }
/* Пользователи, поставившие лайк: диалоговое окно — открытое окно. */
.blog_likers__dialog[open] { display:flex;flex-direction:column }
/* Пользователи, поставившие лайк: диалоговое окно. */
.blog_likers__dialog * { box-sizing:border-box }
/* Пользователи, поставившие лайк: диалоговое окно — затемнение фона. */
.blog_likers__dialog::backdrop { background:rgba(0,0,0,.45) }
/* Пользователи, поставившие лайк: верхняя область. */
.blog_likers__header { flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(20px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));border-bottom:1px solid #e8e8e8 }
/* Пользователи, поставившие лайк: верхняя область — заголовок h2. */
.blog_likers__header h2 { margin:0;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.3 }
/* Пользователи, поставившие лайк: кнопка закрытия. */
.blog_likers__close { appearance:none;font:inherit;cursor:pointer;color:inherit;background:#f4f4f4;border:1px solid #dedede;border-radius:10px }
/* Пользователи, поставившие лайк: кнопка загрузки следующих пользователей. */
.blog_likers__more { appearance:none;font:inherit;cursor:pointer;color:inherit;background:#f4f4f4;border:1px solid #dedede;border-radius:10px }
/* Пользователи, поставившие лайк: кнопка закрытия. */
.blog_likers__close { display:grid;place-items:center;flex:none;width:44px;height:44px;padding:9px }
/* Пользователи, поставившие лайк: кнопка закрытия — при наведении. */
.blog_likers__close:hover { background:#e9e9e9 }
/* Пользователи, поставившие лайк: кнопка загрузки следующих пользователей — при наведении. */
.blog_likers__more:hover { background:#e9e9e9 }
/* Пользователи, поставившие лайк: диалоговое окно — при фокусе с клавиатуры, кнопки. */
.blog_likers__dialog button:focus-visible { outline:3px solid #d94a32;outline-offset:3px }
/* Пользователи, поставившие лайк: содержимое. */
.blog_likers__content { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)) }
/* Пользователи, поставившие лайк: список. */
.blog_likers__list { width:100%;max-width:760px;margin:0 auto }
/* Пользователи, поставившие лайк: сообщение о состоянии загрузки. */
.blog_likers__status { width:100%;max-width:760px;margin:0 auto }
/* Пользователи, поставившие лайк: список. */
.blog_likers__list { list-style:none;padding:0 }
/* Пользователи, поставившие лайк: сообщение о состоянии загрузки. */
.blog_likers__status { color:#656565;line-height:1.5 }
/* Пользователи, поставившие лайк: сообщение о состоянии загрузки — пустое содержимое. */
.blog_likers__status:not(:empty) { margin-bottom:16px }
/* Пользователи, поставившие лайк: строка пользователя. */
.blog_likers__user { display:flex;align-items:center;gap:16px;min-height:96px;padding:16px 0;border-bottom:1px solid #ececec }
/* Пользователи, поставившие лайк: аватар пользователя. */
.blog_likers__user_avatar { flex:0 0 64px;width:64px;height:64px;overflow:hidden;border-radius:50%;background:#efefef }
/* Пользователи, поставившие лайк: аватар пользователя — изображения. */
.blog_likers__user_avatar img { display:block;width:64px;height:64px;object-fit:cover;margin:0 }
/* Пользователи, поставившие лайк: данные пользователя. */
.blog_likers__user_body { display:flex;min-width:0;flex-direction:column;gap:6px }
/* Пользователи, поставившие лайк: имя пользователя. */
.blog_likers__user_name { font-size:1rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere }
/* Пользователи, поставившие лайк: дата лайка. */
.blog_likers__user_date { color:#6b6b6b;font-size:.875rem;line-height:1.4 }
/* Пользователи, поставившие лайк: кнопка загрузки следующих пользователей. */
.blog_likers__more { display:block;min-height:44px;padding:10px 20px;margin:24px auto 0 }
/* Пользователи, поставившие лайк: диалоговое окно — скрытый элемент. */
.blog_likers__dialog [hidden] { display:none!important }
/* Пользователи, поставившие лайк: диалоговое окно — недоступное состояние, кнопки. */
.blog_likers__dialog button:disabled { opacity:.6;cursor:wait }
@media(max-width:520px) {
    /* Пользователи, поставившие лайк: верхняя область. */
    .blog_likers__header { padding-inline:16px }
    /* Пользователи, поставившие лайк: содержимое. */
    .blog_likers__content { padding-inline:16px }
    /* Пользователи, поставившие лайк: строка пользователя. */
    .blog_likers__user { gap:12px }
}

/* Общие блоки главной и архива */
.blog_home__more {display:flex; justify-content:center;}
[data-ei-archive-header] {display:flex; flex-direction:column; gap:var(--global-gap);}
[data-ei-archive-header] > .__box {padding:0;}