/* Версия для слабовидящих. Подключается на страницах спецраздела «Сведения об образовательной организации». Активируется классом a11y на элементе (см. access.js). */ /* Кнопка-переключатель в шапке */ .a11y-btn{ display:inline-block;background:#fff;color:#17466F;border:1px solid #DCE4EE; font-family:inherit;font-weight:600;font-size:13.5px;line-height:1.2; padding:10px 16px 10px 38px;border-radius:999px;cursor:pointer;white-space:nowrap; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317466F' stroke-width='2'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:14px 50%;background-size:17px 17px; } .a11y-btn:hover{border-color:#17466F} .a11y-btn:focus-visible{outline:3px solid #FFA500;outline-offset:2px} @media(max-width:900px){.a11y-btn{padding:9px 12px 9px 32px;font-size:12.5px;background-position:11px 50%;background-size:15px 15px}} @media(max-width:640px){.a11y-btn span.a11y-btn-txt{display:none} .a11y-btn{padding:9px 12px;width:38px;height:36px;background-position:50% 50%}} /* ==== Включённая версия для слабовидящих ==== */ html.a11y body{background:#fff;color:#000;font-size:25px;line-height:1.75} html.a11y *{background-image:none !important;box-shadow:none !important;text-shadow:none !important} html.a11y a{color:#000;text-decoration:underline} html.a11y a:hover,html.a11y a:focus{color:#000;text-decoration:underline} html.a11y a:focus-visible{outline:3px solid #000;outline-offset:2px} html.a11y .hdr{background:#fff;border-bottom:3px solid #000} html.a11y .hdr img{height:56px} html.a11y .hdr a.tel{color:#000;font-size:22px;text-decoration:underline} html.a11y .btn{background:#fff;color:#000;border:3px solid #000;font-size:18px;text-decoration:none} html.a11y .a11y-btn{background:#000;color:#fff;border:3px solid #000;font-size:18px; padding:11px 18px 11px 42px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important;background-position:16px 50% !important;background-size:19px 19px !important} @media(max-width:640px){html.a11y .a11y-btn{width:auto;height:auto;padding:11px 18px 11px 42px;background-position:16px 50% !important} html.a11y .a11y-btn span.a11y-btn-txt{display:inline}} html.a11y .hero-p{background:#fff;color:#000;padding:34px 0 28px;border-bottom:3px solid #000} html.a11y .hero-p h1{color:#000;font-size:42px} html.a11y .hero-p p{color:#000;font-size:25px} html.a11y main h2{font-size:33px;color:#000} html.a11y .spec h3{font-size:27px;color:#000} html.a11y .note{background:#fff;border:3px solid #000;color:#000;font-size:21px} html.a11y ul.docs li{border-bottom:2px solid #000} html.a11y ul.docs a{text-decoration:underline} html.a11y .spec table td,html.a11y .spec table th{border:2px solid #000;color:#000;font-size:20px} html.a11y .spec table tr:first-child td{background:#fff} html.a11y .doc-block{border-bottom:2px solid #000} html.a11y .card{border:3px solid #000} html.a11y .card p,html.a11y .card h3{color:#000} html.a11y .back{border-top:3px solid #000} html.a11y .ftr{background:#fff;color:#000;border-top:3px solid #000;font-size:20px} html.a11y .ftr a{color:#000}