/* Оформление блоков, которые генератор статей вставляет в DETAIL_TEXT: оглавление и ссылка на каталог.
   Подключается модулем sitevisor.ai на страницах блога (см. EventHandlers::onBeforeProlog). */

.article-toc {
    margin: 0 0 28px;
    padding: 18px 22px;
    border: 1px solid var(--stroke_black, #e5e5e5);
    border-radius: var(--border-radius, 8px);
    background: var(--light_bg_black, #f7f8fa);
}

.article-toc h2 {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.3;
}

.article-toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 2;
    column-gap: 32px;
}

@media (max-width: 767px) {
    .article-toc ul {
        columns: 1;
    }
}

.article-toc li {
    margin: 0 0 8px;
    padding: 0;
    break-inside: avoid;
    font-size: 14px;
    line-height: 1.4;
}

.article-toc li.toc-sub {
    padding-left: 18px;
    font-size: 13px;
    opacity: 0.85;
}

.article-toc a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.article-toc a:hover {
    border-bottom-color: currentColor;
}

.article-catalog-link {
    margin: 20px 0;
    font-weight: 500;
}

/* Якорные заголовки не должны прятаться под фиксированной шапкой */
.detail h2[id],
.detail h3[id],
.content h2[id],
.content h3[id] {
    scroll-margin-top: 90px;
}