/*Для светлой и темной темы*/
:root  > * {
    --md-primary-fg-color: #004aad; /* шапка */
    --md-accent-fg-color:  #004aad;
    --md-typeset-a-color:  #004aad; /* ссылки светлой темы */
    --md-primary-fg-color--dark: #004aad;
}

/* Заголовок 1-го уровня */
.md-typeset h1{
    font-weight: 600;
}

/* Заголовки 2-го и 3-го уровня */
.md-typeset h2, .md-typeset h3 {
    font-weight: 500;
}

/* Рамка для текста в одинарных кавычках: `пример` */
.md-typeset code:not(pre > code){
    border: solid 1px var(--md-default-fg-color--lightest);
    border-radius: 0.2rem;
}

/* Контейнер левого и правого меню (список статей и содержание) */
.md-nav {
    font-size: .8rem;
    line-height: 1.3;
}

/* Все элементы в левом и правом меню (список статей и содержание) */
.md-nav__link {
    font-size: .75rem;
    line-height: 1.3;
}

.md-search__form{
    border-radius: 8px;
}

@media (min-width: 1220px){

    /* Документация */
    .md-grid {
        max-width: 80rem;
    }

    /* Статья */
    .md-content{
        margin-left: 3rem;
        margin-right: 3rem;
    }

    /* Текст в статье */
    .md-typeset{
        font-size: 17.5px;
    }

    /* Вложенные элементы в левом меню (все элементы в раскрывающемся списке) */
    .md-nav:not(.md-nav--secondary, .md-nav--lifted, .md-nav[data-md-level="1"]){
        box-shadow: 1px 0px 0px 0px rgba(173, 173, 173, 0.3) inset;
        padding-left: 5px;
    }

    /* Все элементы в левом и правом меню (список статей и содержание) */
    .md-nav__link{
        padding: 2px 0px 2px 0px;
    }

    /* Активный элемент в левом меню */
    .md-nav__link--active {
        background-color: var(--md-code-bg-color);
        border-radius: 5px;
        box-shadow: -10px 0 0 0 var(--md-code-bg-color);
    }

    /* Увеличиваем размер лого */
    .md-header__button.md-logo img, .md-header__button.md-logo svg {
        height: 1.7rem;
    }

}

/* Делаем скроллбар тонким */
::-webkit-scrollbar {
    width: 6px; /* Толщина скроллбара */
}

/* Ползунок (сам бегунок) */
::-webkit-scrollbar-thumb {
    background: rgba(100, 100, 100, 0.5); /* Светлая тема: Серый */
    border-radius: 5px;
}

/* Темная тема */
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.9); /* Белый ползунок */
}

/* Стили для Глоссария */

.wrong {
    border-color: #f66a6a !important;
    color: #e57373 !important;
    padding: 3px 10px !important;
}

.system-name {
    border-color: #5bc0de !important;
    color: #428bca !important;
    padding: 3px 10px !important;
}

/* Hero-карточка с лёгким градиентом */
.hero-card {
    padding: 2.2rem 1.6rem;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(0,74,173,.08), rgba(0,74,173,.02));
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
    margin-bottom: 1.2rem;
}
.hero-card .md-button { margin-right: .4rem; margin-top: .3rem; }
.badges { margin-top: .8rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.badges .badge {
    font-size: .8rem; padding: .35rem .6rem; border-radius: 999px;
    border: 1px solid rgba(0,0,0,.08); background: #fff; opacity: .9;
}

/* Крупные иконки в карточках */
.grid.cards .lg { font-size: 1.6rem; }

/* Ровные hover-тени у карточек */
.grid.cards > ul > li {
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(0,0,0,.06);
    transition: transform .15s ease, box-shadow .15s ease;
}
.grid.cards > ul > li:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

.gallery { display:flex; flex-wrap:wrap; gap:12px; }
.gallery img {
    width:260px; max-width:100%;
    border-radius:12px; border:1px solid rgba(0,0,0,.06);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.swiper { width:100%; max-width:960px; margin:12px auto; border-radius:16px; overflow:hidden;
    box-shadow:0 12px 36px rgba(0,0,0,.10); }
.swiper-slide img { width:100%; display:block; }