/*!
 * a11y.css — версия сайта для слабовидящих (ГОСТ Р 52872) для dao-clinic.ru
 *
 * Интерфейс сделан по образцу рабочего модуля на osnova-medcenter.ru
 * (сайт того же заказчика): флажок у правого края, выезжающая панель настроек.
 *
 * Принцип: режим доступности меняет цвета, размер шрифта, фоновые картинки
 * и раскладку. Свойство display у элементов сайта не трогаем нигде, кроме
 * осознанного распрямления таблиц — иначе рассыпается каркас страницы.
 */

/* ============================================================
   Флажок вызова
   ============================================================ */
.dao-a11y-toggle {
	position: fixed;
	top: 120px;
	right: 0;
	z-index: 100001;
	padding: 10px;
	border: 0;
	border-radius: 5px 0 0 5px;
	background-color: #b5954e;
	color: #ffffff;
	cursor: pointer;
	line-height: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.dao-a11y-toggle:hover { background-color: #a08340; }
.dao-a11y-toggle:focus-visible { outline: 3px solid #ff6b00; outline-offset: 2px; }
.dao-a11y-toggle svg { display: block; }

/* ============================================================
   Панель настроек
   ============================================================ */
.dao-a11y-panel {
	position: fixed;
	top: 50%;
	right: -340px;
	transform: translateY(-50%);
	width: 270px;
	max-height: 100vh;
	overflow-y: auto;
	z-index: 100002;
	box-sizing: border-box;
	padding: 18px 20px 22px;
	background-color: #ffffff;
	color: #1a1a1a;
	border: 2px solid #1a1a1a;
	border-right: 0;
	border-radius: 6px 0 0 6px;
	font: 15px/1.35 arial, sans-serif;
	transition: right .25s ease;
	scrollbar-width: none;
}
.dao-a11y-panel::-webkit-scrollbar { display: none; }
.dao-a11y-panel.is-open { right: 0; }

.dao-a11y-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.dao-a11y-title { font: bold 19px/1.25 arial, sans-serif; }

.dao-a11y-close {
	flex: 0 0 auto;
	width: 28px; height: 28px;
	padding: 0;
	border: 1px solid #1a1a1a;
	border-radius: 4px;
	background: #fff;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
.dao-a11y-close:hover { background: #f0f0f0; }

.dao-a11y-group-title { font: bold 16px/1.3 arial, sans-serif; margin: 16px 0 8px; }
.dao-a11y-group-title:first-of-type { margin-top: 0; }

.dao-a11y-options { display: flex; gap: 8px; }
.dao-a11y-options-stack { flex-direction: column; }
.dao-a11y-options-row { flex-direction: row; flex-wrap: wrap; }

.dao-a11y-opt {
	flex: 1 1 auto;
	padding: 11px 12px;
	border: 2px solid #1a1a1a;
	border-radius: 6px;
	background: #ffffff;
	color: #1a1a1a;
	font: 14px/1.2 arial, sans-serif;
	text-align: center;
	cursor: pointer;
}
.dao-a11y-options-stack .dao-a11y-opt { text-align: left; }
.dao-a11y-opt:hover { background: #f0f0f0; }
.dao-a11y-opt:focus-visible { outline: 3px solid #ff6b00; outline-offset: 2px; }
.dao-a11y-opt[aria-pressed="true"] { background: #1a1a1a; color: #ffffff; }

/* образцы цветовых схем показывают сами себя */
.dao-a11y-opt-theme-white { background: #ffffff; color: #000000; border-color: #000000; }
.dao-a11y-opt-theme-black { background: #000000; color: #ffffff; border-color: #ffffff; }
.dao-a11y-opt-theme-brown { background: #f5f5dc; color: #8b4513; border-color: #8b4513; }
.dao-a11y-opt-theme-blue { background: #add8e6; color: #00008b; border-color: #00008b; }
.dao-a11y-opt-theme-purple { background: #000000; color: #d8a7ff; border-color: #d8a7ff; }
.dao-a11y-opt-theme-yellow { background: #000000; color: #ffff00; border-color: #ffff00; }
.dao-a11y-opt-theme-white[aria-pressed="true"], .dao-a11y-opt-theme-black[aria-pressed="true"], .dao-a11y-opt-theme-brown[aria-pressed="true"], .dao-a11y-opt-theme-blue[aria-pressed="true"], .dao-a11y-opt-theme-purple[aria-pressed="true"], .dao-a11y-opt-theme-yellow[aria-pressed="true"] { box-shadow: inset 0 0 0 3px #ff6b00; }

.dao-a11y-reset, .dao-a11y-exit {
	display: block;
	width: 100%;
	margin-top: 14px;
	padding: 11px 12px;
	border: 2px solid #1a1a1a;
	border-radius: 6px;
	background: #ffffff;
	color: #1a1a1a;
	font: 14px/1.2 arial, sans-serif;
	cursor: pointer;
}
.dao-a11y-exit { background: #1a1a1a; color: #ffffff; }
.dao-a11y-reset:hover { background: #f0f0f0; }

@media (max-width: 480px) {
	.dao-a11y-panel { width: 100%; right: -100%; border-radius: 0; border-left: 0; }
}

/* старая ссылка в шапке больше не нужна */
.dao-a11y-btn-wrap { display: none; }

/* ============================================================
   Режим доступности: раскладка сохраняется
   ============================================================

   Раскладку сайта НЕ ломаем. Увеличение текста делается масштабированием
   всей страницы (zoom ниже): пропорционально растут и текст, и колонки,
   поэтому ничего не наезжает и не обрезается.
   Свойства display, position и float у элементов сайта не трогаются. */

/* фоновые картинки мешают читать цветовую схему */
html.dao-a11y body,
html.dao-a11y body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) {
	background-image: none !important;
	text-shadow: none !important;
}

/* Геометрию не трогаем вообще: ни display, ни position, ни ширины и высоты.
   Раскладка в режиме доступности остаётся пиксель в пиксель как в обычной версии.
   Единственное исключение — фоновые картинки: под ними не читается цветовая схема.

   Баннер-ротатор специально НЕ скрываем: любое скрытие выводит блок из потока,
   и всё, что ниже, подтягивается вверх и наезжает на шапку. В режиме
   «Скрыть изображения» его картинки исчезают вместе со всеми остальными,
   при этом занимаемое место сохраняется и ничего не сдвигается. */

/* ============================================================
   Цветовые схемы
   ============================================================ */
/* Фон задаём ТОЛЬКО странице. Остальным элементам — прозрачный.
   Если красить фоном каждый элемент, любой перекрывающий блок начинает
   наглухо закрывать соседний: в обычном режиме элементы прозрачные и текст
   просвечивает, а с непрозрачным фоном на узких экранах пропадали
   второй телефон в шапке и другие наложенные элементы. */
html.dao-a11y-theme-white body { background-color: #ffffff !important; color: #000000 !important; }
html.dao-a11y-theme-black body { background-color: #000000 !important; color: #ffffff !important; }
html.dao-a11y-theme-brown body { background-color: #f5f5dc !important; color: #8b4513 !important; }
html.dao-a11y-theme-blue body { background-color: #add8e6 !important; color: #00008b !important; }
html.dao-a11y-theme-purple body { background-color: #000000 !important; color: #d8a7ff !important; }
html.dao-a11y-theme-yellow body { background-color: #000000 !important; color: #ffff00 !important; }

html.dao-a11y-theme-white body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #000000 !important; border-color: #000000 !important; }
html.dao-a11y-theme-black body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #ffffff !important; border-color: #ffffff !important; }
html.dao-a11y-theme-brown body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #8b4513 !important; border-color: #8b4513 !important; }
html.dao-a11y-theme-blue body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #00008b !important; border-color: #00008b !important; }
html.dao-a11y-theme-purple body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #d8a7ff !important; border-color: #d8a7ff !important; }
html.dao-a11y-theme-yellow body *:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]) { background-color: transparent !important; color: #ffff00 !important; border-color: #ffff00 !important; }

/* Исключение: выпадающее меню ложится поверх текста — ему нужен
   непрозрачный фон, иначе строки наложатся друг на друга. */
html.dao-a11y-theme-white body #sddm div { background-color: #ffffff !important; border: 1px solid #000000 !important; }
html.dao-a11y-theme-black body #sddm div { background-color: #000000 !important; border: 1px solid #ffffff !important; }
html.dao-a11y-theme-brown body #sddm div { background-color: #f5f5dc !important; border: 1px solid #8b4513 !important; }
html.dao-a11y-theme-blue body #sddm div { background-color: #add8e6 !important; border: 1px solid #00008b !important; }
html.dao-a11y-theme-purple body #sddm div { background-color: #000000 !important; border: 1px solid #d8a7ff !important; }
html.dao-a11y-theme-yellow body #sddm div { background-color: #000000 !important; border: 1px solid #ffff00 !important; }

/* Подсветка ссылок и пунктов меню при наведении и с клавиатуры:
   цвета меняются местами, поэтому пункт хорошо заметен. Геометрия не меняется. */
html.dao-a11y-theme-white body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-white body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-white body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-white body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #000000 !important; color: #ffffff !important; outline: 3px solid #000000 !important; outline-offset: 1px; }
html.dao-a11y-theme-black body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-black body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-black body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-black body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #ffffff !important; color: #000000 !important; outline: 3px solid #ffffff !important; outline-offset: 1px; }
html.dao-a11y-theme-brown body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-brown body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-brown body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-brown body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #8b4513 !important; color: #f5f5dc !important; outline: 3px solid #8b4513 !important; outline-offset: 1px; }
html.dao-a11y-theme-blue body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-blue body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-blue body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-blue body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #00008b !important; color: #add8e6 !important; outline: 3px solid #00008b !important; outline-offset: 1px; }
html.dao-a11y-theme-purple body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-purple body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-purple body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-purple body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #d8a7ff !important; color: #000000 !important; outline: 3px solid #d8a7ff !important; outline-offset: 1px; }
html.dao-a11y-theme-yellow body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover, html.dao-a11y-theme-yellow body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus, html.dao-a11y-theme-yellow body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):hover *, html.dao-a11y-theme-yellow body a:not(.dao-a11y-panel):not(.dao-a11y-panel *):not(.dao-a11y-toggle):not(.dao-a11y-toggle *):not([class*="ymaps"]):not([class*="b-share"]):not([class*="ya-share"]):not([class*="yashare"]):focus * { background-color: #ffff00 !important; color: #000000 !important; outline: 3px solid #ffff00 !important; outline-offset: 1px; }

/* ссылки подчёркиваем: цвет не должен быть единственным признаком */
html.dao-a11y body a:not(.dao-a11y-opt) { text-decoration: underline !important; }
html.dao-a11y body a:focus-visible { outline: 3px solid #ff6b00 !important; outline-offset: 2px; }

/* ============================================================
   Размер текста — масштабирование страницы целиком

   Сайт свёрстан фиксированными пикселями, поэтому увеличивать один
   font-size нельзя: текст перестаёт помещаться в колонки. zoom растягивает
   и текст, и контейнеры разом — раскладка остаётся прежней.
   Панель и флажок масштабируются обратно, чтобы не разрастались.
   ============================================================ */
html.dao-a11y-font-2 body { zoom: 1.25; }
html.dao-a11y-font-2 .dao-a11y-panel,
html.dao-a11y-font-2 .dao-a11y-toggle { zoom: 0.8; }

html.dao-a11y-font-3 body { zoom: 1.5; }
html.dao-a11y-font-3 .dao-a11y-panel,
html.dao-a11y-font-3 .dao-a11y-toggle { zoom: 0.6667; }

/* ============================================================
   Изображения
   Скрываем через visibility, а не display — раскладка не съезжает.
   ============================================================ */
html.dao-a11y-images-gray body img { filter: grayscale(1) !important; }
html.dao-a11y-images-off body img { visibility: hidden !important; opacity: 0 !important; }
html.dao-a11y-images-off body .dao-a11y-panel img,
html.dao-a11y-images-off body .dao-a11y-toggle svg { visibility: visible !important; opacity: 1 !important; }



/* ============================================================
   Яндекс.Карта
   ============================================================
   Карта рисуется фоновыми картинками на служебных элементах ymaps.
   Убирая фоны, мы стираем плитки карты — поэтому контейнер #map
   и всё внутри него выведены из-под правил режима доступности. */
/* Карта Яндекса и виджет «Поделиться» рисуют плитки и иконки фоновыми
   картинками и спрайтами. Убирая фоны, мы стираем и их, поэтому оба
   виджета целиком выведены из-под правил режима доступности. */
html.dao-a11y body [class*="b-share"],
html.dao-a11y body [class*="ya-share"],
html.dao-a11y body [class*="yashare"] {
	filter: none !important;
}

/* Карта подчиняется общей настройке «Изображения»: фоновые плитки остаются
   на месте (иначе карта исчезнет), но обесцвечиваются или прячутся целиком.
   Фильтр вешаем на контейнер — он красит карту разом, не трогая её внутренности. */
/* Карта подчиняется общей настройке «Изображения»: фоновые плитки остаются
   на месте (иначе карта исчезнет), но обесцвечиваются или прячутся целиком.
   Фильтр вешаем на контейнер — он красит карту разом, не трогая её внутренности. */
html.dao-a11y-images-gray body #map { filter: grayscale(1) !important; }
html.dao-a11y-images-off  body #map { visibility: hidden !important; }

/* Телефоны в шапке: оба номера оформляем одинаково, чтобы читались
   как ссылки для звонка, а не как обычный текст. */
html.dao-a11y body .telefoncheg,
html.dao-a11y body .telefoncheg2 {
	border-bottom: 2px solid currentColor !important;
}
html.dao-a11y body .telefoncheg a,
html.dao-a11y body .telefoncheg2 a {
	font-weight: bold !important;
	text-decoration: none !important;
}

/* ============================================================
   Элементы, нарисованные ТОЛЬКО фоновой картинкой
   ============================================================
   Убирая фоновые картинки, мы делаем невидимыми кнопки, у которых нет
   ни текста, ни <img>: мобильный «бургер» и кнопки отправки форм
   (<input type="submit" value=""> с фоном). Рисуем их заново средствами CSS,
   цветом текущей темы — тогда они видны в любой цветовой схеме.
   Геометрию не меняем: псевдоэлементы ничего не сдвигают. */

html.dao-a11y body .buterbrod {
	border: 2px solid currentColor !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}
html.dao-a11y body .buterbrod:before {
	content: "" !important;
	position: absolute !important;
	left: 9px !important;
	right: 9px !important;
	top: 11px !important;
	height: 3px !important;
	background-color: currentColor !important;
	box-shadow: 0 8px 0 currentColor, 0 16px 0 currentColor !important;
}

/* кнопки отправки: рамка и фон, чтобы кнопка читалась.
   Текст на них подставляет a11y.js — у input нельзя добавить псевдоэлемент. */
html.dao-a11y body input[type="submit"],
html.dao-a11y body button[type="submit"] {
	border: 2px solid currentColor !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
	font: bold 15px/1.2 arial, sans-serif !important;
	cursor: pointer !important;
}

/* поисковая строка в подвале — тоже кнопка-картинка */
html.dao-a11y body .poisk .pk2 {
	border: 2px solid currentColor !important;
	border-radius: 4px !important;
}

/* ============================================================
   Крупный курсор
   ============================================================ */
html.dao-a11y-cursor body,
html.dao-a11y-cursor body * {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M12 4 L12 36 L20 28 L26 42 L32 39 L26 26 L38 26 Z' fill='white' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E") 6 2, auto !important;
}
html.dao-a11y-cursor.dao-a11y-theme-black body,
html.dao-a11y-cursor.dao-a11y-theme-black body *,
html.dao-a11y-cursor.dao-a11y-theme-purple body,
html.dao-a11y-cursor.dao-a11y-theme-purple body *,
html.dao-a11y-cursor.dao-a11y-theme-yellow body,
html.dao-a11y-cursor.dao-a11y-theme-yellow body * {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M12 4 L12 36 L20 28 L26 42 L32 39 L26 26 L38 26 Z' fill='black' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E") 6 2, auto !important;
}

/* ============================================================
   Подсветка читаемого вслух текста
   ============================================================ */
html.dao-a11y body .dao-a11y-reading {
	background-color: #ffff00 !important;
	color: #000000 !important;
	outline: 2px solid #000000 !important;
}

/* Блоки согласия вставлены внутрь табличной вёрстки — страхуемся,
   чтобы они не расширяли ячейку на узких экранах. */
.dao-consent-field,
.dao-consent-warning {
	max-width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}