html.vision-version,
body.vision-version {
    background-color: #000;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.7;
}

body.vision-version,
body.vision-version * {
    box-shadow: none !important;
}

body.vision-version a,
html.vision-version a {
    color: #fff !important;
    text-decoration: underline;
}

html.vision-version .nav a {
    text-decoration: none;
}

body.vision-version a:hover,
body.vision-version a:focus,
html.vision-version a:hover,
html.vision-version a:focus {
    color: #000 !important;
    background: #fff !important;
}

body.vision-version .navbar-brand a:hover,
body.vision-version .navbar-brand a:focus,
html.vision-version .navbar-brand a:hover,
html.vision-version .navbar-brand a:focus {
    background: none !important;
}

body.vision-version .navbar .sub-menu {
    background: #111 !important;
    border: 1px solid #fff;
}

body.vision-version .navbar .sub-menu li a {
    color: #fff !important;
}

body.vision-version .navbar .sub-menu li a:hover,
body.vision-version .navbar .sub-menu li a:focus {
    background: #222 !important;
}

body.vision-version .nav-phone {
    color: #fff !important;
}

body.vision-version .btn,
body.vision-version button,
body.vision-version .form-control,
body.vision-version .panel,
body.vision-version .panel-heading,
body.vision-version .panel-body,
body.vision-version .alert {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

body.vision-version table {
    border-color: #fff;
}

body.vision-version table td,
body.vision-version table th {
    border-color: #fff !important;
    color: #fff !important;
}

body.vision-version img,
body.vision-version video,
body.vision-version iframe {
    filter: grayscale(100%);
}

body.vision-version .modal-container,
body.vision-version .modal,
body.vision-version .modal-backdrop {
    background: rgba(0, 0, 0, 0.9) !important;
}

body.vision-version mark,
html.vision-version mark {
    background: #fff;
    color: #000;
}

body.vision-version {
    filter: grayscale(100%);
}
body.modal-open {
    filter: none;
}
html.vision-version body {
    background-color: #000;
}

html.vision-version .navbar,
html.vision-version .nav-bg,
html.vision-version footer,
html.vision-version .dark,
html.vision-version section,
html.vision-version .modal-content,
html.vision-version .bg,
html.vision-version .bg-gray,
html.vision-version .light,
html.vision-version .card,
html.vision-version .box,
html.vision-version .callout,
html.vision-version .widget,
html.vision-version .panel,
html.vision-version .panel-heading,
html.vision-version .panel-body,
html.vision-version .container,
html.vision-version .container-fluid,
html.vision-version .row,
html.vision-version .col-12,
html.vision-version .col-md-12,
html.vision-version .col-md-3,
html.vision-version .col-md-4,
html.vision-version .col-md-5,
html.vision-version .col-md-6,
html.vision-version .col-md-7,
html.vision-version .col-md-8,
html.vision-version .col-md-9,
html.vision-version .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label,
html.vision-version .card-science,
html.vision-version .card-accessible-environment,
html.vision-version .card-accessible-environment-white,
html.vision-version .card-services-for-disabled,
html.vision-version .card-partners,
html.vision-version .modal-open .modal {
    background: #000 !important;
    color: #fff !important;
}

html.vision-version .bg-gray.p-25,
html.vision-version .white,
html.vision-version .light.bg {
    background: #111 !important;
}

html.vision-version .press-list-desc,
html.vision-version .card-article-rel {
    color: #fff !important;
}

html.vision-version .press-list-desc:hover,
html.vision-version .press-list-desc:focus,
html.vision-version .card-article-rel:hover,
html.vision-version .card-article-rel:focus,
html.vision-version .card-transport-strategy {
    color: #000 !important;
}

html.vision-version .js-vision-toggle {
    border-color: #fff !important;
}

html.vision-version .bg-gray,
html.vision-version .bg-light,
html.vision-version .bg-white {
    background: #000 !important;
}

html.vision-version .black-text,
html.vision-version a.black-text,
html.vision-version .dark .light h1,
html.vision-version .light h1,
html.vision-version .dark .light h2,
html.vision-version .light h2,
html.vision-version .dark .light h3,
html.vision-version .light h3,
html.vision-version .dark .light h4,
html.vision-version .light h4,
html.vision-version .competition-20250922 h4.header {
    color: #fff !important;
}

html.vision-version .nav-item a.black-text:hover {
    color: #000 !important;
}

html.vision-version .press:hover .press-type,
html.vision-version .press:hover .press-date,
html.vision-version .press:hover .press-desc,
html.vision-version .press:hover .press-headline,
html.vision-version .press:hover .press-link,
html.vision-version .press-date,
html.vision-version .press-type {
    color: #000;
}

html.vision-version .card-article-author,
html.vision-version .card-article-tags {
    min-height: 28px !important;
    max-height: 28px !important;
}

html.vision-version img.card-small-img {
    background: white;
}

html.vision-version .pagination>li>a, html.vision-version .pagination>li>span {
    background-color: #000;
}

/* Панель управления доступностью */
.accessibility-panel {
    position: fixed !important;
    top: 60px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 99999 !important;
    background: #000 !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    min-width: 280px;
    max-width: 280px;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
}

html.vision-version .accessibility-panel,
body.vision-version .accessibility-panel {
    display: block !important;
}

.accessibility-panel-header {
    background: #111 !important;
    border-bottom: 1px solid #fff !important;
    padding: 15px 20px;
    text-align: center !important;
}

.accessibility-panel-header h3 {
    margin: 0;
    color: #fff !important;
    font-size: 1.2em;
    font-weight: 600;
}

.accessibility-panel-body {
    padding: 15px 20px;
}

.accessibility-btn {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 10px;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    cursor: pointer;
    font-size: 1em;
    font-family: 'ProximaNova-Regular', 'Proxima Nova', Arial, sans-serif;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.accessibility-btn:hover,
.accessibility-btn:focus {
    background: #fff !important;
    color: #000 !important;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.accessibility-btn:last-child {
    margin-bottom: 0;
}

.accessibility-btn i {
    font-size: 1.2em;
    min-width: 20px;
}

.accessibility-font-controls {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #fff;
}

.accessibility-font-controls .accessibility-btn {
    margin-bottom: 8px;
}

.accessibility-font-controls .accessibility-btn:last-child {
    margin-bottom: 0;
}

/* Стили для vision-version панели */
html.vision-version .accessibility-panel,
body.vision-version .accessibility-panel {
    background: #000 !important;
    border-color: #fff !important;
    color: #fff !important;
}

html.vision-version .accessibility-panel-header,
body.vision-version .accessibility-panel-header {
    background: #111 !important;
    border-bottom-color: #fff !important;
}

html.vision-version .accessibility-btn,
body.vision-version .accessibility-btn {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

html.vision-version .accessibility-btn:hover,
html.vision-version .accessibility-btn:focus,
body.vision-version .accessibility-btn:hover,
body.vision-version .accessibility-btn:focus {
    background: #fff !important;
    color: #000 !important;
}

body.vision-version .line-with-arrow {
    visibility: hidden !important;
}


html.vision-version .navbar-toggle .icon-bar
{
    background: #fff !important;
}

 body.vision-version button.navbar-toggle
 {
    border-color: #000 !important;
 }

/* Мобильная версия панели доступности - только иконки */
@media (max-width: 768px) {
    html.vision-version .accessibility-panel,
    body.vision-version .accessibility-panel {
        min-width: 60px !important;
        max-width: 60px !important;
        right: 10px !important;
        top: 10px !important;
        border: none !important;
    }

    html.vision-version .accessibility-panel-header,
    body.vision-version .accessibility-panel-header {
        display: none !important;
    }

    html.vision-version .accessibility-panel-header h3,
    body.vision-version .accessibility-panel-header h3 {
        display: none !important;
    }

    html.vision-version .accessibility-panel-body,
    body.vision-version .accessibility-panel-body {
        padding: 0px !important;
    }

    html.vision-version .accessibility-btn,
    body.vision-version .accessibility-btn {
        width: 50px !important;
        height: 50px !important;
        padding: 0 !important;
        margin: 0 auto 10px auto !important;
        justify-content: center !important;
        min-width: 50px !important;
    }

    html.vision-version .accessibility-btn span,
    body.vision-version .accessibility-btn span {
        display: none !important;
    }

    html.vision-version .accessibility-btn i,
    body.vision-version .accessibility-btn i {
        font-size: 1.5em !important;
        margin: 0 !important;
    }

    html.vision-version .accessibility-font-controls,
    body.vision-version .accessibility-font-controls {
        margin-top: 10px !important;
        padding-top: 10px !important;
        border: none !important;
    }

    html.vision-version .accessibility-font-controls .accessibility-btn,
    body.vision-version .accessibility-font-controls .accessibility-btn {
        margin-bottom: 10px !important;
    }
}