@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    font-size: 17px;
    --publish-color: #142245;
    --jrn-color: #1A8EA2;
    --jrn-color-1: #5BBCCA;
    --jrn-color-2: #f6fdff;
    --body-color: #333333;
    --body-color-light: #909090;
    --body-links-color: #00549E;
    --h-font: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-line-height: 1.4;
    --lg-size: 2.12rem;
    --md-size: 1.06rem;
    --sm-size: .82rem;
}

html * {
    /* препятствует мобильным браузерам масштабировать текст */
    max-height: 1000000px;
}

body {
    color: var(--body-color);
    font-family: var(--body-font);
    line-height: var(--body-line-height);
    /* препятствует мобильным браузерам масштабировать текст */
    /*-webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;*/
}

h2,
h3,
h4 {
    font-family: var(--h-font);
    color: var(--publish-color)
}

h2 {
    margin-top: var(--lg-size);
    font-size: 1.76rem;
}

h3 {
    margin-top: var(--md-size);
    font-size: 1.29rem;
}

h4 {
    font-size: 1.17rem;
}

p {
    margin-top: var(--sm-size);
}

ul,
ol {
    margin-top: var(--sm-size);
    list-style: disc;
    padding-left: 1.2rem;
}

li {
    margin-top: var(--sm-size);
}

/* стандартная ссылка */
a {
    color: var(--body-links-color);
    text-decoration: none;
    border-bottom: 1px solid var(--body-links-color);
    transition: border-bottom .2s;
}

a:hover {
    border-bottom: 1px solid transparent;
}

/* "зеркальная" ссылка */
.a-decor-mirror {
    border-bottom: 1px solid transparent;
}

.a-decor-mirror:hover {
    border-bottom: 1px solid var(--body-links-color);
}

/* настраиваемая ссылка */
.a-decor-none,
.a-decor-none:hover {
    border: none;
}

.mw-960 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-sm {
    margin-top: var(--sm-size) !important;
}

.mt-md {
    margin-top: var(--md-size) !important;
}

.mt-lg {
    margin-top: var(--lg-size) !important;
}

.mb-sm {
    margin-bottom: var(--sm-size) !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.jrn-color {
    color: var(--jrn-color);
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}



/* HEADER: верхняя панель*/

.top-bar {
    background-color: var(--publish-color);
}

.top-bar-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.logo {
    display: block;
}

.logo img {
    height: 20px;
    vertical-align: middle;
}

.top-bar-menu {
    display: flex;
    align-items: center;
}

.top-bar-menu-item {
    border: none;
    margin-right: 24px;
    font-size: 0.875rem;
    /* 14px */
    color: #FFF;
    transition: color 0.2s;
}

@media (min-width: 576px) {

    .top-bar-menu-item {
        margin-right: 40px;
    }
}

.top-bar-menu-item:hover {
    color: #999;
}

.lang-selector {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: solid 2px #FFF;
    border-radius: 5px;
    font-size: 0.875rem;
    /* 14px */
    color: #FFF;
    transition: color 0.2s, border 0.2s;
}

.lang-selector:hover {
    border: solid 2px #999;
    color: #999;
}

.lang-selector-info {
    position: absolute;
    right: 1rem;
    left: 1rem;
    top: 50px;
    background-color: #fff;
    border: 1rem solid #ddd;
    border-radius: 5px;
    padding: 2rem;
    z-index: 560;
    color: #142245;
    font-weight: 700;
}


/* HEADER: заголовок сайта*/

.j-title {
    background-color: var(--jrn-color);
}

.j-title-wrapper {
    padding-top: .5em;
    padding-bottom: .5em;
}

.j-title-h {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: var(--h-font);
}

@media (min-width: 576px) {
    .j-title-h {
        font-size: 1.75rem;
    }
}

.j-title-link {
    color: #FFF;
    transition: color 0.2s;
}

.j-title-link:hover {
    color: #eee;
}


/* HEADER: меню сайта*/

.j-navbar {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
}

.j-navbar-wrapper {
    height: 50px;
    display: flex;
    position: relative;
}

.j-menu-battons {
    flex: 0 0 auto;
    margin-right: 36px;
    display: flex;
    align-items: center;
}

@media (min-width: 576px) {
    .j-menu-battons {
        display: none;
    }
}

.j-menu-burger,
.j-search-open,
.j-menu-close {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 20px;
}

.j-menu-close {
    display: none;
    /*display: flex;*/
}

.j-menu {
    margin: 0 -17px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.j-menu-mob {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 150px;
    z-index: 150;
    background-color: #f2f2f2;
    padding: var(--lg-size) 5rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
}

.j-menu-item {
    margin: 0 17px;
}

.j-menu-item-mob {
    margin: 0;
}

.j-menu-item-mob+.j-menu-item-mob {
    margin-top: 1.53rem;
}

.j-mi-hide {
    display: none;
}

@media (min-width: 576px) {
    .j-mi-hide {
        display: block;
    }
}

.j-menu-item a,
.j-menu-item-mob a {
    color: var(--text-color);
    white-space: nowrap;
    font-size: .875rem;
    /*14px*/
    border-bottom: solid 1px transparent;
    transition: border-bottom .2s;
}

.j-menu-item a:hover,
.j-menu-item-mob a:hover {
    border-bottom: solid 1px var(--body-color);
}

.j-search {
    flex: 0 1 auto;
    margin-left: 36px;
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 400px) {
    .j-menu {
        flex: 0 1 auto;
    }

    .j-search {
        flex: 1 1 auto;
    }
}

.j-search-form {
    position: absolute;
    right: 1rem;
    top: 60px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 1rem;
    z-index: 550;
    width: calc(100% - 2rem);
    display: none;
    align-items: center;
}

@media (min-width:768px) {
    .j-search-form {
        position: static;
        height: 100%;
        width: 100%;
        border: none;
        padding: 0;
        display: flex;
    }
}

.j-search-input {
    height: 40px;
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #fff;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
}

.j-search-open {
    display: flex;
}

@media (min-width: 768px) {
    .j-search-open {
        display: none;
    }
}



/* FOOTER: нижний заголовок сайта */

.footer-title {
    background-color: var(--jrn-color);
    color: #fff;
}

@media (min-width: 768px) {

    .footer-title {
        font-size: 1.25rem;
    }
}

.footer-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding-top: .5em;
}

.footer-j-title {
    margin-right: 2em;
    font-weight: 700;
    margin-bottom: .5em;
}

.footer-j-title-link {
    color: #fff;
    transition: color 0.2s;
}

.footer-j-title-link:hover {
    color: #eee;
}

.footer-j-issn {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: .5em;
}

.footer-j-issn-item {
    margin-right: 1em;
    font-size: .75em;
    white-space: nowrap;
}


/* FOOTER: поле ссылок */

.footer-links {
    background-color: #f2f2f2;
}

.footer-links-wrapper {
    padding-top: var(--lg-size);
    padding-bottom: var(--lg-size);
}

.footer-links-title {
    margin-top: var(--lg-size);
    font-size: 1.06rem;
    font-weight: 700;
}

.footer-links-title:first-of-type {
    margin-top: 0;
}

.footer-links-block {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--md-size);
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: calc(var(--sm-size) * -1);
}

.footer-link-item {
    padding: 0 1rem;
    width: 100%;
    font-size: 1rem;
    margin-bottom: var(--sm-size);
}

@media (min-width: 576px) {
    .footer-link-item {
        width: 50%;
    }
}

/* FOOTER: низ */

.footer-bottom {
    background-color: var(--publish-color);
    color: #bbb;
    font-size: .76rem;
    line-height: 1.05;
}

.footer-bottom-wrapper {
    padding-top: var(--lg-size);
    padding-bottom: var(--lg-size);
}

.footer-bottom-text {
    text-align: justify;
}

.footer-bottom-logo {
    text-align: center;
}

.footer-bottom-logo img {
    height: 1.76rem;
}

.footer-bottom-copyright {
    color: #fff;
    text-align: center;
}



/* СТАТЬЯ: общее */

.a-wrapper {
    margin: var(--lg-size) auto;
}

.a-header {
    margin: var(--lg-size) -1rem;
}

.a-navbar {
    background-color: #fff;
    border-bottom: 2px solid #ddd;
    position: -webkit-sticky;
    position: sticky;
    top: -2px;
    z-index: 100;
}

.a-body {
    margin: var(--lg-size) -1rem;
}

@media(min-width:768px) {
    .a-body {
        display: flex;
    }
}


/* стрелка-ссылка "больше..."*/

.link-more {
    display: inline-flex;
    align-items: center;
}

.btn-ch-right {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: var(--jrn-color-1);
    color: #fff;
    font-size: 20px;
    transition: color .2s;
}

.btn-ch-right:hover {
    color: #ddd;
}

.link-more>span {
    margin-left: 1rem;
    font-size: .82rem;
    color: var(--body-color-light);
    transition: color .2s;
}

.link-more>span:hover {
    color: #555;
}



/* мета с разделителем | */

.a-header-meta {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    font-style: italic;
    color: var(--body-color-light);
    margin-top: 0;
}

.a-header-meta-item {
    margin: 0;
}

.a-header-meta-item::after {
    color: var(--body-color-light);
    font-weight: 400;
    margin: 0 .75rem;
    font-style: normal;
    content: '|';
}

.a-header-meta>*:last-child::after {
    display: none;
}



/* список авторов через запятую */

.a-content-authors {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.a-content-authors-item {
    margin: 0;
}

.a-content-authors-item::after {
    content: ', ';
    white-space: pre;
}

.a-content-authors>*:last-child::after {
    display: none;
}



/* прочее */

.a-content-article {
    margin-top: var(--md-size);
    border-bottom: 1px solid #ddd;
    padding-bottom: var(--sm-size);
}

.a-content-coll {
    font-style: italic;
    font-size: .94rem;
    text-align: left;
}



/* СТАТЬЯ: заголовок a-header */

.a-title {
    max-width: 720px;
    margin-bottom: var(--md-size);
    padding: 0 1rem;

}

.a-authors {
    font-size: 1.06rem;
}

.a-img {
    padding: 0 1rem;

}

@media (min-width:576px) {
    .a-img {
        float: right;
        width: 50%;
        margin-left: 1rem;
    }
}

.a-announce {
    max-width: 720px;
    margin-top: var(--md-size);
    padding: 0 1rem;
}


.a-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /*border: 1px solid #1A8EA2;*/
    /*background-color: #eefcff;*/
}

.a-img-wrap>img {
    height: 200px;
    width: auto;
    max-width: none;
    /*border: 1px solid #1A8EA2;*/

}

.a-title-h {
    font-size: 1.4rem;
    font-weight: 700;
    font-family: var(--h-font);
    color: var(--publish-color);
}

.openaccess {
    color: #f68212;
}

.retracted {
    font-weight: 700;
    color: #e03d3d;
}

.retracted_descr {
    color: #e03d3d;
}


/* СТАТЬЯ: панель статьи a-navbar*/

.a-navbar-wrap {
    position: relative;
    display: flex;
}

.a-navbar-menu {
    display: flex;
    flex: 1 1 auto;
    margin: 14px 0;
}

@media (min-width:768px) {
    .a-navbar-menu {
        display: none;
    }
}

.a-btn-burger,
.a-btn-close {
    display: flex;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: var(--jrn-color-1);
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
}

.a-navbar-file {
    flex: 0 0 auto;
    height: 40px;
    border: 1px solid #999;
    border-radius: 5px;
    margin: 14px 0;
    display: flex;
    align-items: center;
}

.a-navbar-file-link {
    display: flex;
    align-items: center;
    padding: 0 .4rem;
    color: var(--text-color);

}

.icon-pdf {
    width: 28px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icon-pdf-a9MdU4L.svg");
    margin-right: .4rem;
}

.title-pdf {
    font-size: .75rem;
    line-height: 1.2;
    text-align: center;
    min-width: 45px;
}

.a-navbar-socials {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    margin: 14px 0;
}

.socials-links-wrapper {
    display: none;
    align-items: flex-end;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 84px;
    z-index: 550;
}

@media (min-width:576px) {

    .socials-links-wrapper {
        display: flex;
        border: none;
        background-color: #fff;
        margin: 0 -10px;
        padding: 0;
        position: static;
        height: 40px;
    }
}

.lang-selector-overlay,
.j-search-overlay,
.socials-links-overlay {
    position: fixed;
    z-index: 500;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.a-socials-items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    list-style: none;
    padding-left: 0;
}

.a-socials-items>li {
    margin-top: 0;
}

.socials-item {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px;
}

@media (min-width:576px) {
    .socials-item {
        margin: 0 10px;
    }
}

.socials-item-vk {
    background-image: url("../images/vk-ScfTQWQ.svg");
}

.socials-item-ok {
    background-image: url("../images/ok-9IbXYwm.svg");
}

.socials-item-twitter {
    background-image: url("../images/twitter-HHWypnJ.svg");
}

.socials-item-telegram {
    background-image: url("../images/telegram-X1XTjSd.svg");
}

.socials-item-max {
    background-image: url("../images/max-ZBg5cEP.svg");
}
.socials-item-whatsapp {
    background-image: url("../images/whatsapp-Y4SQZBv.svg");
}

.socials-item-email {
    background-image: url("../images/email-7F-2jE7.svg");
}

.a-btn-share {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 1px solid #999;
    color: var(--text-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    font-size: 1.5rem;
    cursor: pointer;
}

@media (min-width:576px) {
    .a-btn-share {
        display: none;
    }
}

/* СТАТЬЯ: тело статьи a-body: общее */

@media(min-width:768px) {

    .a-toc-container {
        flex: 0 0 auto;
        width: 200px;
        margin-right: 40px;
        padding-left: 1rem;
    }
}

.a-table-of-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--jrn-color-2);
    z-index: 150;
}

@media(min-width:768px) {
    .a-table-of-contents {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        background-color: #fff;
        z-index: 50;
    }
}

.a-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 1rem;
}

.full-width {
    max-width: none !important;
}

@media(min-width:768px) {
    .a-content {
        flex: 1 1 auto;
    }
}

@media((min-width:721px) and (max-width:768px)) {
    .a-content {
        max-width: 768px;
    }
}



/* СТАТЬЯ: тело статьи: навигация по статье */

.a-btn-close-wrap {
    background-color: #fff;
    padding: calc(var(--sm-size) - 2px) 1rem var(--sm-size);
    border-bottom: 2px solid #ddd;
}

@media (min-width:768px) {
    .a-btn-close-wrap {
        display: none;
    }
}

.a-toc-items {
    margin-top: 0;
    padding: var(--lg-size) 5rem;
    height: calc(100% - 2 * var(--sm-size) - 50px);
    overflow-y: auto;
}

@media (min-width:768px) {
    .a-toc-items {
        padding: 0 1rem;
        height: auto;
    }
}

.a-toc-items::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 2px;
}

.a-toc-items::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

.a-toc-item {
    margin-top: 0;
    font-size: .875rem;
    list-style: disc;
}

.a-toc-item+.a-toc-item {
    margin-top: 1.53rem;
}

.a-toc-link {
    transition: color .2s;
}

.a-toc-link:hover {
    color: var(--text-color);
}


/* СТАТЬЯ: тело статьи: content */

.a-content>*:first-child,
.a-content>.infinite-scroll>*:first-child {
    margin-top: 0;
}


/* UNIT для статей*/

.unit-arts {
    margin-top: var(--lg-size);
    padding: 1rem;
    background-color: #f2f2f5;
    border: 1px solid #eee;
    border-radius: 5px;
}

.unit-arts>h2 {
    margin: 0;
}

.unit-arts-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: calc(-1 * var(--md-size));
}

.unit-arts-item {
    padding: 0 1rem var(--md-size) 1rem;
    width: 100%;
}

@media (min-width: 576px) {
    .unit-arts-item {
        width: 50%;
    }
}

.unit-arts-article {
    height: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: var(--sm-size);
}


/* аккордион unit issues*/

.accord-all-issues,
.accord-arhive-collections {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accord-header {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    cursor: pointer;
    background-color: var(--jrn-color-1);
    color: #fff;
    font-size: 1.29rem;
    border-radius: 5px 5px 0 0;
}

.accord-header::before {
    content: "";
    margin-right: .75rem;
    width: 1.29rem;
    height: 1.29rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/accord-plus-aAkGdUF.svg");
}

.accord-active .accord-header::before {
    background-image: url("../images/accord-minus-G2f5rg0.svg");
}

.accord-body {
    border: 2px solid #ddd;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    max-height: 0;
    transition: 0.4s;
}

.accord-issues {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: var(--sm-size) 0 0 0;
    list-style: none;
}

.accord-issue {
    margin: 0;
    padding: 0 1rem var(--sm-size);
    width: 50%;
}

@media (min-width: 500px) {
    .accord-issue {
        width: 33.3%;
    }
}

@media (min-width: 768px) {
    .accord-issue {
        width: 25%;
    }
}

.accord-collections {
    margin: 0;
    padding: var(--sm-size) 0 0 0;
    list-style: none;
}

.accord-collection {
    margin: 0;
    padding: 0 1rem var(--sm-size);
}

.accord-collection-color {
    background-color: #bbb;
}



/* источники */

ol.a-ref-items {
    padding: 0;
    list-style: none;
}

li.a-ref-item {
    margin-top: var(--sm-size);
    display: flex;
    overflow-wrap: anywhere;
}

li.a-ref-item::before {
    content: attr(refnum);
    margin-right: .5rem;
    font-weight: 700;
    overflow-wrap: normal;
}


/* инфо об авторах*/

p.a-author-name {
    font-weight: 700;
    font-size: 1.2em;
}

ul.a-author-tools {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-bottom: calc(-1 * var(--sm-size));
    font-size: .94rem;
}

ul.a-author-tools>li {
    margin-right: 1.3rem;
    margin-top: 0;
    margin-bottom: var(--sm-size);
    display: flex;
}

li.a-author-orcid::before {
    content: "";
    margin-right: .3em;
    height: calc(1em * var(--body-line-height));
    width: 1em;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/ORCIDiD_iconvector-XPYLE22.svg");
    background-position: center;
}

li.a-author-email::before {
    content: "";
    margin-right: .3em;
    height: calc(1em * var(--body-line-height));
    width: 1em;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/email-for-author-l0s9tCB.svg");
    background-position: center;
}


/* инфо о статье */

.check-for-update {
    padding: 3px 0;
}

.check-for-update img {
    border: none;
    width: 150px;
    height: auto;
}

.a-history {
    font-size: .94rem;
    color: var(--body-color-light);
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.a-history-item {
    margin: 0 .5rem 0 0;
}

.a-keywords {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.a-keywords-item {
    margin: 0;
}

.a-keywords-item::after {
    content: ', ';
    white-space: pre;
}

.a-keywords>*:last-child::after {
    display: none;
}