/**
 * HTML-карта сайта — оформление.
 *
 * Карта читается как оглавление: заголовок раздела со счётчиком материалов,
 * колонки ссылок, вложенность обозначена линией-веткой. Цвета берём из темы,
 * поэтому карта выглядит частью сайта, а не вставкой плагина.
 */

.scb-sitemap {
    --scb-line: color-mix(in srgb, var(--text_color) 12%, transparent);
    --scb-line-strong: color-mix(in srgb, var(--main_color) 45%, transparent);
    --scb-muted: color-mix(in srgb, var(--text_color) 55%, transparent);
}

/* ── Раздел ─────────────────────────────────────────────── */

.scb-sitemap__section {
    margin: 0 0 44px;
}

.scb-sitemap__section:last-child {
    margin-bottom: 0;
}

.scb-sitemap__title {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 18px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--scb-line);
    font-size: 22px;
    line-height: 1.25;
    color: var(--text_color);
}

/* Счётчик — как номер страницы в оглавлении: справа, тише заголовка */
.scb-sitemap__count {
    margin-left: auto;
    font-size: 13px;
    font-weight: 500;
    color: var(--scb-muted);
    font-variant-numeric: tabular-nums;
}

/* ── Списки ─────────────────────────────────────────────── */

.scb-sitemap__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scb-sitemap__item {
    margin: 0;
    padding: 0;
    list-style: none;
    break-inside: avoid;
    page-break-inside: avoid;
}

.scb-sitemap__item::marker,
.scb-sitemap__item::before {
    content: none;
}

.scb-sitemap__item > a {
    display: block;
    padding: 7px 0 7px 14px;
    border-left: 2px solid transparent;
    line-height: 1.45;
    color: var(--text_color);
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease;
}

.scb-sitemap__item > a:hover,
.scb-sitemap__item > a:focus-visible {
    color: var(--main_color);
    border-left-color: var(--main_color);
}

.scb-sitemap__item > a:focus-visible {
    outline: 2px solid var(--scb-line-strong);
    outline-offset: 2px;
}

/* Вложенные страницы: ветка от родителя вниз по списку детей */
.scb-sitemap__list--child {
    margin: 0 0 6px;
    padding-left: 14px;
    border-left: 1px solid var(--scb-line);
}

.scb-sitemap__list--child .scb-sitemap__item > a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.94em;
    color: var(--scb-muted);
}

.scb-sitemap__list--child .scb-sitemap__item > a:hover,
.scb-sitemap__list--child .scb-sitemap__item > a:focus-visible {
    color: var(--main_color);
}

/* ── Колонки ────────────────────────────────────────────── */

.scb-sitemap--cols-2 > .scb-sitemap__section > .scb-sitemap__list {
    column-count: 2;
    column-gap: 40px;
}

.scb-sitemap--cols-3 > .scb-sitemap__section > .scb-sitemap__list {
    column-count: 3;
    column-gap: 40px;
}

.scb-sitemap--cols-4 > .scb-sitemap__section > .scb-sitemap__list {
    column-count: 4;
    column-gap: 40px;
}

@media (max-width: 1024px) {
    .scb-sitemap--cols-3 > .scb-sitemap__section > .scb-sitemap__list,
    .scb-sitemap--cols-4 > .scb-sitemap__section > .scb-sitemap__list {
        column-count: 2;
    }
}

@media (max-width: 640px) {
    .scb-sitemap > .scb-sitemap__section > .scb-sitemap__list {
        column-count: 1;
    }

    .scb-sitemap__section {
        margin-bottom: 32px;
    }

    .scb-sitemap__title {
        font-size: 19px;
    }
}