@charset "UTF-8";
/*
    academia.css
    Файл стилей для страницы academia.html.
    Подключается ПОСЛЕ media/css/template.css.

    В template.css позиционирование для этой страницы было задано через
    класс .page-school (общий для нескольких типов страниц сайта).
    Для academia.html класс переименован в .page-academia — ниже
    продублированы те же правила позиционирования зон под новым именем,
    чтобы внешний вид страницы остался прежним.

    Состав файла:
    1) позиционирование зон для .content.page-academia
       (перенесено из .content.page-school, переименовано);
    2) утилитарный класс .visually-hidden — для скрытого, но доступного
       скринридерам и поисковикам текста (хлебные крошки, FAQ, дублирующийся
       текст из картинок-баннеров);
    3) явный display:block для новых семантических тегов
       (header, nav, main, article, section, aside) — подстраховка;
    4) показ .visually-hidden контента при печати.
*/

/* 1. Позиционирование зон для .content.page-academia (было .page-school) */
html body > .content.page-academia .zone-image-0 {
    /* left: 160px */
    left: 3.125%;
    /* top: 0px */
    top: 0%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 340px */
    height: 11.0%; }

html body > .content.page-academia .zone-image-1-1 {
    /* left: 160px */
    left: 3.125%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 494px */
    width: 9.6484375%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-3 {
    /* left: 1182px */
    left: 23.0859375%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 463px */
    width: 9.04296875%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-4 {
    /* left: 1645px */
    left: 32.1289062%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 524px */
    width: 10.234375%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-5 {
    /* left: 2169px */
    left: 42.36057%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 448px */
    width: 8.75%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-6 {
    /* left: 2617px */
    left: 51.1132812%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 541px */
    width: 10.5664062%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-7 {
    /* left: 3158px */
    left: 61.6796875%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 354px */
    width: 6.9140625%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-8 {
    /* left: 3512px */
    left: 68.59375%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 455px */
    width: 8.88671875%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-9 {
    /* left: 3967px */
    left: 77.4804688%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 437px */
    width: 8.53515625%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-1-10 {
    /* left: 4404px */
    left: 86.015625%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 556px */
    width: 10.859375%;
    /* height: 120px */
    height: 4.1666666666666666667%; }

html body > .content.page-academia .zone-image-2 {
    /* left: 160px */
    left: 3.125%;
    /* top: 475px */
    top: 16.4930545%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 2405px */
    height: 83.5069391%; }

html body > .content.page-academia .zone-image-3 {
    /* left: 160px */
    left: 3.125%;
    /* top: 2693px */
    top: 93.506944444444444444%;
    /* width: 3659px */
    width: 93.75%;
    /* height: 187px */
    height: 6.4930555555555555556%; }

html body > .content.page-academia .zone-image-4 {
    /* left: 3818px */
    left: 74.5703125%;
    /* top: 2693px */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 187px */
    height: 4.79166636%; }

html body > .content.page-academia .zone-image-4-0 {
    /* left: 3818px */
    left: 74.5703125%;
    /* top: 2697px */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 138px */
    height: 4.79166636%; }

html body > .content.page-academia .zone-image-15 {
    /* left: 0px */
    left: 0%;
    /* top: 0px */
    top: 0%;
    /* width: 160px */
    width: 100%;
    /* height: 2880px */
    height: 100%; }


/* 2. Скрытый, но доступный контент */
.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;
}

/* 3. Явный display:block для новых семантических обёрток.
   Это НЕ влияет на .zone-элементы внутри них: они остаются
   position: absolute и позиционируются относительно .content,
   как и раньше — независимо от количества статичных обёрток. */
.content header,
.content nav:not(.visually-hidden),
.content main,
.content article,
.content section:not(.visually-hidden),
.content aside,
.content figure,
.content figcaption {
    display: block;
    position: static;
}

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