@import url("banner.css");
@import url("meta.css");
@import url("article.css");
@import url("outside.css");
@import url("xref.css");
@import url("graphic.css");
@import url("table.css");
@import url("statement.css");
@import url("tooltip.css");
@import url("formula.css");
@import url("menu-button.css");

html {
    font-size: 16px;
}

body {
    /*--bg-color: whitesmoke;*/
    --bg-color: white;
    /*--article-bg-color: whitesmoke;*/
    --article-bg-color: white;
    /*--aside-bg-color: var(--article-bg-color);*/
    --aside-bg-color: var(--bg-color);
    --title-color: #666666;
    --contents-title-color: #666666;
    --contents-color: darkslategray;
    --article-id-color: darkslategray;
    --authors-color: #001599;
    /*--border-color: whitesmoke;*/
    --banner-width: 100%;
    --banner-width: min(1400px, 100%);
    --conteiner-width: min(1320px, 100%);
    --article-width: 648px;
    /*--article-width: 696px;*/
    --aside-width: 464px;
    /*--aside-width: 416px;*/
    --sec-title-size: 1.5rem;
    --p-size: 1.17rem;
    background-color: var(--bg-color);
    margin: 0px;
}

a {
    text-decoration: none;
}

.c-container {
    margin-top: 0;
    padding-top: 0;

    width: var(--conteiner-width);

    margin: auto;
    display: flex;
    position: sticky;
}

main {
    width: max(calc(var(--conteiner-width) - var(--aside-width) - 2rem), calc(var(--article-width) + 2rem));
}

/* малые рисунки? */
section aside {
    float: left;
}

section aside .jats-title {
    font-size: var(--p-size);
}

/* библиография */
ul li.jats-ref {
    list-style-type: none;
}

.jats-ref-list ol {
    list-style: none;
    padding-left: 0;
}

/* + Пространство между пунктами библиографии VAA */
.jats-ref-list ol li {
    margin: 0.5rem 0;
}

/* + RS 25.04.25*/
.jats-ref .jats-label {
    font-weight: bold;
    margin-right: 0.3rem;
}

.jats-ref-list li.l-light .jats-label {
    background-color: whitesmoke;
    /* color: mediumblue; */
    color: MediumTurquoise;
}

.jats-mixed-citation a {
    color: var(--authors-color);
}

/* -RS */
@media screen and (max-width: 992px) {
    /* длинные ссылки в библиографии */
    .jats-ref-list li a {
        word-break: break-word;
    }
}

/* --VAA */
/* сноски */

ol:has(.jats-fn) {
    border: 2px;
    border-bottom-style: none;
    border-top-style: groove;
    border-left-style: none;
    border-right-style: none;
    font-size: 1rem;
}

/* media */
@media screen and (max-width: 1200px) {
    .jats-article-title {
        text-align: left;
    }
}

/* large */
/*@media screen and (max-width: 960px) {*/
@media screen and (max-width: 992px) {
    .c-header {
        /*top: 2px;            VAA*/
        top: 0px;
        /* VAA */
        position: sticky;
        background-color: var(--bg-color);
        z-index: 20;
    }

    .c-container {
        margin-left: auto;
        margin-right: auto;
        flex-wrap: wrap;
    }

    main {
        width: 100%;
        order: 2;
    }

    article {
        margin: auto;
        border: none;
        border-right-style: none;
        border-left-style: none;
    }

    .c-btn-content {
        display: block;
    }

}

/* medium */
@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }

    body {
        --article-width: min(568px, 90%);
    }

    .c-container {
        padding-left: 0;
        padding-right: 0;
    }

    article {
        padding-left: 0;
        padding-right: 0;
    }

}

/* small */
@media screen and (max-width: 576px) {
    html {
        font-size: 12px;
    }

    body {
        --article-width: 85%;
    }


    article p:not(.jats-fn),
    article li:not(:has(.jats-fn)) {
        text-align: left !important;
        hyphens: auto !important;
    }

    .jats-article-id {
        display: initial;
    }

    .jats-article-id [data-jats-pub-id-type="doi"] {
        text-align: initial;
    }

    .jats-article-title {
        font-weight: initial;
    }

}

/* Что бы при переходе по якорю не уезжало под баннер VAA*/
body {
    --scrolltop: 0px;
}

:is(figure, section, p, div, li, a)[id] {
    scroll-margin-top: calc(var(--scrolltop) + 1rem);
}

.c-nowrap {
    white-space: nowrap !important;
}