@charset "UTF-8";
/*
    sitemap.css
    Карта сайта — видимые ссылки на координатах zone-image-2-XX из template.css.
    Подключается ПОСЛЕ template.css и common.css.
*/

/* Обычный горизонтальный скролл внизу, если окно уже страницы */
html:has(#sitemap-heading) {
    overflow-x: auto;

    /*
        Сдвиги ссылок карты сайта (макет 5120 px → %).
        Колонки: ГЛАВНАЯ/DVD (3.7%) | СЕМИНАР/ВИДЕО-1 (39%) | ВИДЕО-2 (52%) | ИСТОРИЯ/ОТЗЫВЫ (80.68%).
    */
    --sitemap-col-left: 3.7%;
    --sitemap-col-seminar: 39.0%;
    --sitemap-col-video-mid: 52.0%;
    --sitemap-col-right: 80.68%;
    --sitemap-sub-offset: 2.109375%; /* +108px — серые подпункты вправо от заголовка */
    --sitemap-right-nudge: -0.390625%; /* -20px — правая колонка заголовков */
    --sitemap-dvd-col2-base: 11.709375%; /* DVD колонка (2), до доп. сдвига */
    --sitemap-dvd-col2-extra: 0.87890625%; /* +45px — DVD колонка (2) ещё вправо */
}

html:has(#sitemap-heading) body {
    overflow-x: visible;
    min-width: 81.26984rem;
}

html body > .content.page-school.v-html .sitemap-link,
html body > .content.page-school.v-html .sitemap-label {
    display: flex;
    align-items: center;
    z-index: 2;
    margin: 0;
    padding: 0;
    color: #333333;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.206349rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: visible;
    box-sizing: border-box;
}

html body > .content.page-school.v-html .sitemap-link:hover {
    text-decoration: underline;
}

html body > .content.page-school.v-html .sitemap-link:focus {
    outline: none;
}

html body > .content.page-school.v-html .sitemap-link:focus-visible {
    text-decoration: underline;
    outline: 0.12rem solid currentColor;
    outline-offset: 0.08rem;
}

html:has(#sitemap-heading) body > .content.page-school a.zone:focus {
    outline: none;
}

html:has(#sitemap-heading) body > .content.page-school a.zone:focus-visible {
    outline: 0.12rem solid #1a5fb4;
    outline-offset: 0.08rem;
}

html[data-theme="dark"]:has(#sitemap-heading) body > .content.page-school a.zone:focus-visible {
    outline-color: #62a0ea;
}

html body > .content.page-school.v-html nav[aria-label="Карта сайта"] .sitemap-group {
    list-style: none;
    margin: 0;
    padding: 0;
}

html body > .content.page-school.v-html nav[aria-label="Карта сайта"] .sitemap-group > li {
    margin: 0;
    padding: 0;
}

html body > .content.page-school.v-html .sitemap-link.color-gray {
    color: #777777;
}

/* Серые подпункты: +108px вправо от заголовка раздела */
html body > .content.page-school.v-html .zone-image-2-02,
html body > .content.page-school.v-html .zone-image-2-03,
html body > .content.page-school.v-html .zone-image-2-04 {
    left: calc(var(--sitemap-col-left) + var(--sitemap-sub-offset));
}

html body > .content.page-school.v-html .zone-image-2-21,
html body > .content.page-school.v-html .zone-image-2-22 {
    left: calc(var(--sitemap-col-seminar) + var(--sitemap-sub-offset));
}

/* ВИДЕО: страница-1…15 — +108px от «ВИДЕО» (39.0%) */
html body > .content.page-school.v-html .zone-image-2-2301,
html body > .content.page-school.v-html .zone-image-2-2302,
html body > .content.page-school.v-html .zone-image-2-2303,
html body > .content.page-school.v-html .zone-image-2-2304,
html body > .content.page-school.v-html .zone-image-2-2305,
html body > .content.page-school.v-html .zone-image-2-2306,
html body > .content.page-school.v-html .zone-image-2-2307,
html body > .content.page-school.v-html .zone-image-2-2308,
html body > .content.page-school.v-html .zone-image-2-2309,
html body > .content.page-school.v-html .zone-image-2-2310,
html body > .content.page-school.v-html .zone-image-2-2311,
html body > .content.page-school.v-html .zone-image-2-2312,
html body > .content.page-school.v-html .zone-image-2-2313,
html body > .content.page-school.v-html .zone-image-2-2314,
html body > .content.page-school.v-html .zone-image-2-2315 {
    left: calc(var(--sitemap-col-seminar) + var(--sitemap-sub-offset));
}

/* ВИДЕО: страница-16…24 и «все видео» — +108px от колонки 52% */
html body > .content.page-school.v-html .zone-image-2-2316,
html body > .content.page-school.v-html .zone-image-2-2317,
html body > .content.page-school.v-html .zone-image-2-2318,
html body > .content.page-school.v-html .zone-image-2-2319,
html body > .content.page-school.v-html .zone-image-2-2320,
html body > .content.page-school.v-html .zone-image-2-2321,
html body > .content.page-school.v-html .zone-image-2-2322,
html body > .content.page-school.v-html .zone-image-2-2323,
html body > .content.page-school.v-html .zone-image-2-2324,
html body > .content.page-school.v-html .zone-image-2-39,
html body > .content.page-school.v-html .sitemap-all-videos {
    left: calc(var(--sitemap-col-video-mid) + var(--sitemap-sub-offset));
}

/* ОТЗЫВЫ: видеоотзывы — серые, +108px от «ОТЗЫВЫ» и -20px колонки */
html body > .content.page-school.v-html .zone-image-2-42,
html body > .content.page-school.v-html .zone-image-2-43,
html body > .content.page-school.v-html .zone-image-2-44,
html body > .content.page-school.v-html .zone-image-2-45,
html body > .content.page-school.v-html .zone-image-2-46,
html body > .content.page-school.v-html .zone-image-2-47,
html body > .content.page-school.v-html .zone-image-2-48,
html body > .content.page-school.v-html .zone-image-2-49,
html body > .content.page-school.v-html .zone-image-2-50 {
    left: calc(var(--sitemap-col-right) + var(--sitemap-sub-offset) + var(--sitemap-right-nudge));
}

/* Правая колонка: ИСТОРИЯ, ОТЗЫВЫ, КОНТАКТЫ — влево на 20px */
html body > .content.page-school.v-html .zone-image-2-40,
html body > .content.page-school.v-html .zone-image-2-41,
html body > .content.page-school.v-html .zone-image-2-51 {
    left: calc(var(--sitemap-col-right) + var(--sitemap-right-nudge));
}

/* DVD: колонка (1) — +108px от «DVD»; колонка (2) — +45px от базовой позиции */
html body > .content.page-school.v-html .zone-image-2-10,
html body > .content.page-school.v-html .zone-image-2-11,
html body > .content.page-school.v-html .zone-image-2-12,
html body > .content.page-school.v-html .zone-image-2-13,
html body > .content.page-school.v-html .zone-image-2-14,
html body > .content.page-school.v-html .zone-image-2-15,
html body > .content.page-school.v-html .zone-image-2-16,
html body > .content.page-school.v-html .zone-image-2-17,
html body > .content.page-school.v-html .zone-image-2-18,
html body > .content.page-school.v-html .zone-image-2-19 {
    left: calc(var(--sitemap-col-left) + var(--sitemap-sub-offset));
}

html body > .content.page-school.v-html .zone-image-2-10-2,
html body > .content.page-school.v-html .zone-image-2-11-2,
html body > .content.page-school.v-html .zone-image-2-12-2,
html body > .content.page-school.v-html .zone-image-2-13-2,
html body > .content.page-school.v-html .zone-image-2-14-2,
html body > .content.page-school.v-html .zone-image-2-15-2,
html body > .content.page-school.v-html .zone-image-2-16-2,
html body > .content.page-school.v-html .zone-image-2-17-2,
html body > .content.page-school.v-html .zone-image-2-18-2,
html body > .content.page-school.v-html .zone-image-2-19-2 {
    left: calc(var(--sitemap-dvd-col2-base) + var(--sitemap-dvd-col2-extra));
}

html[data-theme="dark"] body > .content.page-school.v-html .sitemap-link,
html[data-theme="dark"] body > .content.page-school.v-html .sitemap-label {
    color: #e5e5e5;
}

html[data-theme="dark"] body > .content.page-school.v-html .sitemap-link.color-gray {
    color: #999;
}

@supports (-webkit-appearance: none) {
    html body > .content.page-school.v-html .sitemap-link,
    html body > .content.page-school.v-html .sitemap-label {
        -webkit-font-smoothing: antialiased;
    }
}