@charset "UTF-8";
/*
    common.css
    Общие вспомогательные классы для страниц сайта.
    Подключается ПОСЛЕ media/css/template.css.

    Содержит утилитарный класс .visually-hidden — для скрытого, но
    доступного скринридерам и поисковикам текста (хлебные крошки, FAQ,
    заголовки h1, подписи для зон-картинок).

    В template.css такого класса нет, а .hidden (display:none!important)
    полностью убирает контент и из визуального отображения, и из дерева
    доступности — поэтому для текста, который должен оставаться доступным
    (например, скрытый <h1> или хлебные крошки), используется именно
    .visually-hidden.
*/

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

/* Маркеры списков (1., 2., •) рисуются в "marker box" за пределами
   основного блока элемента и не всегда скрываются overflow/clip —
   убираем их явно для скрытых списков (например, хлебных крошек). */
.visually-hidden ol,
.visually-hidden ul {
    list-style: none;
}

/* На печати показываем скрытый текстовый контент —
   это удобно для текстовых версий / экспорта в PDF */
@media print {
    .visually-hidden {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
        margin: 0;
    }
}