@charset "UTF-8";
/*
    gaevskiy.css
    Видимый HTML-текст на GAEVSKIY.html (режим v-html).
    Фото VG.png справа — зеркально главной (VG слева).
    Подключается ПОСЛЕ template.css и common.css.
*/

/* Горизонтальный скролл, если окно уже макета (как sitemap) */
html:has(#bio-heading) {
    overflow-x: auto;
}

html:has(#bio-heading) body {
    overflow-x: visible;
    min-width: 81.26984rem;
}

html body > .content.page-school.v-html {
    overflow: visible;
}

/* Фото: как zone-image-2 на главной, но справа */
html body > .content.page-school.v-html .zone-image-gaevskiy-photo {
    left: auto;
    right: 3.125%;
    top: 16.4930545%;
    width: 17.7734375%;
    height: 31.5972202%;
    z-index: 2;
}

html body > .content.page-school.v-html .zone-image-2 {
    /* 160×4800 @5120 — жёстко в rem, как academia / зона 8 на главной */
    top: 7.3015873016rem;
    left: 2.5396825397rem;
    width: 76.1904761905rem; /* 4800px @5120 */
    overflow-x: hidden;
    overflow-y: visible;
    -webkit-overflow-scrolling: initial;
    height: auto;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.206349rem;
    white-space: normal;
    box-sizing: border-box;
    color: #777;
    text-align: left;
}

html body > .content.page-school.v-html .zone-image-2 .title,
html body > .content.page-school.v-html .zone-image-2 p,
html body > .content.page-school.v-html .zone-image-2 h2,
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

html body > .content.page-school.v-html .zone-image-2 h2.gaevskiy-title {
    font-size: 1.1587rem;
    padding-top: 0.57rem;
    margin: 0.8888888889rem 0; /* как academia h2.title @5120 */
    line-height: normal;
    text-align: center;
}

/* Верхний блок — текст слева от фото; параметры как 1-й абзац academia, без justify */
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro {
    padding-right: 19.5%;
    box-sizing: border-box;
    color: #777;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line1,
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line2,
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line3 {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    white-space: normal;
    text-align: left;
    text-align-last: left;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line1::after,
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line2::after,
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line3::after {
    content: none;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-main {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Сетка строк: фиксированная высота 76px (1.206349rem), без растягивания */
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line:not(.gaevskiy-line-end):not(.gaevskiy-chrono) {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    white-space: normal;
    text-align: left;
    text-align-last: left;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line.gaevskiy-chrono {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    text-align: left;
    text-align-last: left;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line.gaevskiy-line-gap {
    margin-top: 1rem;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line.gaevskiy-line-end {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    text-align: left;
    text-align-last: left;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro .gaevskiy-line.gaevskiy-line4 {
    padding-left: 4.0317460317rem; /* 254px @5120 (222+32) */
}

/*
 * Блок «За указанный период…» / «2005г…» —
 * та же жёсткая фиксация строк, что zone-image-8 (principles) на главной:
 * одна строка = один span, height 76px, overflow:hidden — нет перебегания
 * на следующую строку и нет выхода за 4800px @5120.
 */
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
    text-align: justify;
    text-align-last: justify;
    box-sizing: border-box;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after {
    content: '';
    display: inline-block;
    width: 100%;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
    text-align: justify;
    text-align-last: justify;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Safari на iPad: специальные настройки только для планшета.
   min-device-height: 768px — отсекает iPhone в ландшафте;
   без hover/pointer — иначе новые iPadOS часто не попадают в правило. */
@supports (-webkit-touch-callout: none) {
    @media (min-device-width: 768px) and (min-device-height: 768px) {
    /*
     * iPad/Safari: НЕ ставить overflow-x:visible + overflow-y:hidden —
     * по спецификации visible+hidden → overflow-x вычисляется как auto,
     * строка становится горизонтально скроллируемой и «уезжает» пальцем.
     * nowrap + ::after{width:100%} на одной линии раздувает scrollWidth ≈ 2× —
     * текст не доходит до правого края. Держим normal + overflow:hidden,
     * ::after уходит на 2-ю линию и клипается (классический justify).
     */
    html body > .content.page-school.v-html .zone-image-2:has(.gaevskiy-word-shift-urov-10) {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line17:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line18:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line22.gaevskiy-line-end:not(.gaevskiy-chrono),
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25.gaevskiy-line-end:not(.gaevskiy-chrono) {
        height: 1.206349rem;
        overflow: hidden;
        white-space: normal;
        letter-spacing: -0.02em;
        text-align: justify;
        text-align-last: justify;
        touch-action: pan-y;
        -webkit-user-drag: none;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line17:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line18:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21:not(.gaevskiy-chrono):not(.gaevskiy-line-end)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line22.gaevskiy-line-end:not(.gaevskiy-chrono)::after,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25.gaevskiy-line-end:not(.gaevskiy-chrono)::after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    /* запас справа под position:relative сдвиги слов — иначе overflow:hidden обрежет */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
        padding-right: 0.3587301587rem; /* = сдвиг «прошёл» 22.6px @5120 */
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
        padding-right: 0.1428571429rem; /* = сдвиг «системы» 9px @5120 */
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line18:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
        padding-right: 4px; /* = сдвиг «Инструктор» */
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line17:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
        padding-right: 0; /* сдвиг «систему.» = 0 — запас не нужен */
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
        padding-right: 1px; /* = сдвиг «повышения» */
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25.gaevskiy-line-end:not(.gaevskiy-chrono) {
        padding-right: 0.2380952381rem; /* запас под novich/izuch сдвиги */
        box-sizing: border-box;
    }

    /* Safari/iPad: точечный сдвиг слова в конце строки 17.
       В landscape left>0 + overflow:hidden — «систему.» уезжает за клип и пропадает.
       Сдвиг только не нужен: в portrait слово уже в потоке (см. блок orientation:portrait). */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-5 {
        position: relative;
        left: 0;
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «повышения» в строке 14 */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-1 {
        position: relative;
        left: 1px;
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «дисциплинам:» в строке 16 */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-disc-1 {
        position: relative;
        left: 0.5px;
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «Инструктор» в строке 18 */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-inst-3 {
        position: relative;
        left: 4px;
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «прошёл» в строке 19 (22.6px @5120) */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-prosh-5 {
        position: relative;
        left: 0.3587301587rem; /* 22.6px @5120 */
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «системы» в строке 21 (9px @5120) */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-sist-5 {
        position: relative;
        left: 0.1428571429rem; /* 9px @5120 */
        display: inline-block;
    }

    /* Safari/iPad: точечный сдвиг слова «уровень.» в строке 22 (сдвиг убран, было 10px) */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-word-shift-urov-10 {
        position: relative;
        left: 0; /* 0px @5120 */
        display: inline-block;
    }

    /* Safari/iPad: только «от новичка… Спорта.» вправо на 10px @5120 — остальное не трогать */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25 .gaevskiy-shift-novich-10 {
        display: inline-block;
        position: relative;
        left: 0.1587301587rem; /* 10px @5120 */
    }

    /* Safari/iPad: пробел «принципов» → «Искусства.» ровно 36px @5120 */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25 .gaevskiy-space-isk {
        display: inline-block;
        width: 0.5714285714rem; /* 36px @5120 */
        font-size: 0;
        line-height: 0;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25 .gaevskiy-word-shift-isk-10 {
        display: inline-block;
        position: relative;
        left: 0;
        margin-left: 0;
    }
    }
}

/* Старые Safari / iPad 3 (768×1024 retina): уплотнение шрифта в строках 19 и 21 */
@supports (-webkit-touch-callout: none) {
    @media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2),
           only screen and (device-width: 1024px) and (device-height: 768px) and (-webkit-min-device-pixel-ratio: 2) {
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
            letter-spacing: -0.01em;
        }

        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
            letter-spacing: -0.02em;
        }

        /* Только старый Safari/iPad-3: «Изучение принципов» вправо на 15px @5120 */
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25 .gaevskiy-shift-izuch-15 {
            display: inline-block;
            position: relative;
            left: 0.2380952381rem; /* 15px @5120 */
        }
    }
}

/*
 * Safari/iPad — ТОЛЬКО вертикаль (portrait):
 * строки 14, 17, 18, 19, 21 дотягиваем до правого края.
 * padding-right + inline-block/left-сдвиги ломают justify → справа дыра.
 */
@supports (-webkit-touch-callout: none) {
    @media (min-device-width: 768px) and (min-device-height: 768px) and (orientation: portrait) {
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line17:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line18:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
            padding-right: 0;
            letter-spacing: normal;
            white-space: normal;
            overflow: hidden;
            text-align: justify;
            text-align-last: justify;
            -webkit-text-align-last: justify;
        }

        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line14 .gaevskiy-word-shift-1,
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line17 .gaevskiy-word-shift-5,
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line18 .gaevskiy-word-shift-inst-3,
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line19 .gaevskiy-word-shift-prosh-5,
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line21 .gaevskiy-word-shift-sist-5 {
            position: static;
            left: auto;
            display: inline;
        }
    }
}

/*
 * Safari/iPad — ТОЛЬКО горизонталь (landscape), в т.ч. iPad-3:
 * строка 24 длинная + padding-left → «группы.» переносится на 2-ю линию
 * и клипается height/overflow:hidden. Уплотняем, чтобы слово осталось в строке.
 */
@supports (-webkit-touch-callout: none) {
    @media (min-device-width: 768px) and (min-device-height: 768px) and (orientation: landscape) {
        html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line24:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
            letter-spacing: -0.035em;
            overflow: hidden;
            white-space: normal;
            text-align: justify;
            text-align-last: justify;
            -webkit-text-align-last: justify;
        }
    }
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line-end {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
    text-align: left;
    text-align-last: left;
    box-sizing: border-box;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line-end::after {
    content: none;
}

/* Обычная версия: строка 25 — автопробелы (justify), как остальные строки блока */
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25.gaevskiy-line-end:not(.gaevskiy-chrono) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
    text-align: justify;
    text-align-last: justify;
    box-sizing: border-box;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line25.gaevskiy-line-end:not(.gaevskiy-chrono)::after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Обычная версия: строка 22 — автопробелы (justify) */
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line22.gaevskiy-line-end:not(.gaevskiy-chrono) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
    text-align: justify;
    text-align-last: justify;
    box-sizing: border-box;
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line22.gaevskiy-line-end:not(.gaevskiy-chrono)::after {
    content: '';
    display: inline-block;
    width: 100%;
}


html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line12:not(.gaevskiy-chrono):not(.gaevskiy-line-end),
html body > .content.page-school.v-html .zone-image-2 .gaevskiy-body .gaevskiy-line.gaevskiy-line24:not(.gaevskiy-chrono):not(.gaevskiy-line-end) {
    padding-left: 4.0317460317rem; /* 254px @5120 */
}

html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line * {
    line-height: 1.206349rem;
}

html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2,
html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2 .gaevskiy-line {
    color: #7e7e7e; /* как intro «Родился…» */
}

html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2 .color-gold {
    color: #fff;
}

/* Кнопки внизу: слева «АДРЕС СЕМИНАРА», справа «АДРЕС ЗАНЯТИЙ» — как на academia/news */
html body > .content.page-school .zone-image-4-l,
html body > .content.page-school .zone-image-4-0-l {
    /* left: 160px */
    left: 3.125%;
    /* top: 2693px — как zone-image-4 справа */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 138–189px */
    height: 4.79166636%;
}

@supports (-webkit-appearance: none) {
    html body > .content.page-school.v-html .zone-image-2,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line,
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line * {
        line-height: 1.206349rem;
        -webkit-font-smoothing: antialiased;
    }
}

/* Мобильные (телефон-only) вспомогательные элементы — скрыты по
   умолчанию везде (десктоп/iPad), показываются только в @media ниже.
   Тот же приём, что и на index.html. */
.index-mobile-only {
    display: none;
}

html body > .content.page-school.v-html .gaevskiy-motto-phone {
    display: none !important;
}

/* =====================================================================
   МОБИЛЬНАЯ ВЕРСИЯ СТРАНИЦЫ ГАЕВСКИЙ — только РЕАЛЬНЫЙ телефон в
   портретной ориентации, тот же критерий, что на index.html/seminar.html/
   sitemap.html: (max-width: 700px) AND (max-device-width: 700px).
   iPad (device-width ≥ 768) и десктоп сюда не попадают — их вёрстка
   (в т.ч. все точечные iPad-фиксы выше) не меняется.
   ===================================================================== */
@media (max-width: 700px) and (max-device-width: 700px) {

    /* Снимаем фиксированную 16:9-канву — обычный вертикальный поток.
       Шрифты ниже в vw, а не в rem (rem завязан на масштаб канвы 5120px). */
    html body > .content.page-school.v-html {
        width: 100%;
        height: auto;
        max-width: 100%;
        padding: 0 4vw 0;
        overflow: visible;
        white-space: normal;
    }

    /* Декоративная тонкая фоновая полоса — на телефоне не нужна */
    html body > .content.page-school.v-html .zone-image-15 {
        display: none;
    }

    /* ===== Лого — во всю ширину экрана, точно как на Главной ===== */
    html body > .content.page-school.v-html .m-logo-group {
        position: relative;
        width: calc(100% + 8vw);
        margin: 0 -4vw;
    }
    html body > .content.page-school.v-html .m-logo-group .zone-logo-image {
        position: static;
        display: block;
        width: 100%;
        height: auto;
    }
    html body > .content.page-school.v-html .m-logo-group .zone-image-0 {
        position: absolute;
        left: 3.125%;
        top: 0;
        width: 93.75%;
        height: 93.18%;
    }

    /* ===== Меню — вплотную под лого, во всю ширину, точно как на Главной ===== */
    html body > .content.page-school.v-html nav[aria-label="Главная навигация сайта"] {
        position: relative;
        width: calc(100% + 8vw);
        margin: 0 -4vw;
    }
    html body > .content.page-school.v-html nav[aria-label="Главная навигация сайта"] .zone-menu {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        top: auto;
    }
    html body > .content.page-school.v-html nav[aria-label="Главная навигация сайта"] [class*="zone-image-1-"] {
        position: absolute;
        top: 10%;
        height: 80%;
    }

    /* Показываем мобильные (телефон-only) элементы */
    html body > .content.page-school.v-html .index-mobile-only {
        display: block;
    }

    /* ===== Заголовок «Гаевский Владислав Владимирович» — золотым,
       над фото, те же параметры, что и на других страницах ===== */
    html body > .content.page-school.v-html .index-mobile-title {
        padding: 0;
        padding-top: 0;
        margin-top: 3vw;
        margin-bottom: 2vw;
        text-align: center;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
        color: #d9b052;
    }
    /* Заголовок под фото — дублирует новый, скрываем на телефоне */
    html body > .content.page-school.v-html .index-mobile-hide-title {
        display: none !important;
    }

    /* ===== Фото Гаевского (VG.png) — квадрат 55vw×55vw, по центру,
       та же техника, что и на Главной ===== */
    html body > .content.page-school.v-html .seminar-trainer-phone {
        position: relative;
        display: block;
        width: 55vw;
        height: 55vw;
        margin: 0 auto 0;
    }
    html body > .content.page-school.v-html .m-photo-group .zone-image-gaevskiy-photo {
        position: static !important;
        display: block;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    /* ===== Текстовый блок: заголовок + биография — обычный
       читаемый поток вместо жёсткой построчной сетки под 4800px ===== */
    html body > .content.page-school.v-html .zone-image-2 {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        margin: 5vw 0 0;
        padding: 0 0 4vw;
        overflow: visible !important;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 3.84vw !important;
        line-height: 1.35 !important;
        font-weight: bold;
        letter-spacing: normal;
        word-spacing: normal;
        color: #777777;
        text-align: left;
        box-sizing: border-box;
    }

    html body > .content.page-school.v-html .zone-image-2 h2.gaevskiy-title {
        font-size: 4.6vw;
        padding-top: 0;
        margin: 0 0 4vw;
        line-height: 1.35;
        text-align: center;
    }

    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-intro {
        padding-right: 0;
    }

    /* Единая раскладка для ВСЕХ строк (intro, chrono, body, line-end) —
       обычный блок, перенос по словам, без фиксированной высоты. */
    html body > .content.page-school.v-html .zone-image-2 [class*="gaevskiy-line"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 0 !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        white-space: normal !important;
        overflow-wrap: normal;
        word-break: normal;
        text-align: left !important;
        text-align-last: auto !important;
        -webkit-text-align-last: auto !important;
        box-sizing: border-box;
    }
    /* Псевдоэлементы под justify-трюк на телефоне не нужны */
    html body > .content.page-school.v-html .zone-image-2 [class*="gaevskiy-line"]::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
    }
    /* Отступ перед новым смысловым абзацем */
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-line-gap {
        margin-top: 4vw !important;
    }
    /* Точечные пиксельные сдвиги слов (только для десктопа/iPad) —
       на телефоне сбрасываем, слово идёт в обычном потоке. */
    html body > .content.page-school.v-html .zone-image-2 [class*="gaevskiy-word-shift"],
    html body > .content.page-school.v-html .zone-image-2 [class*="gaevskiy-shift-"] {
        position: static !important;
        left: auto !important;
        display: inline !important;
        width: auto !important;
        margin-left: 0 !important;
    }
    html body > .content.page-school.v-html .zone-image-2 .gaevskiy-space-isk {
        display: inline !important;
        width: auto !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    /* ===== Кнопки и золотой девиз внизу — как academia.html ===== */
    html body > .content.page-school.v-html .gaevskiy-academy {
        display: none !important;
    }
    html body > .content.page-school.v-html .gaevskiy-motto-phone {
        display: block !important;
        position: static;
        width: 100%;
        margin: 5.2vw 0 0;
        padding: 0 0 5.2vw;
        box-sizing: border-box;
        font-size: 3.84vw !important;
        line-height: 1.35 !important;
        font-weight: bold;
        text-align: center !important;
        text-align-last: center;
        white-space: normal !important;
        left: auto;
        top: auto;
    }
    html body > .content.page-school.v-html .gaevskiy-motto-phone br {
        display: block;
    }

    /* Кнопки — как academia-phone-stack aside (отступы один в один) */
    html body > .content.page-school.v-html main aside[aria-labelledby="seminar-aside-heading"] {
        position: static;
        display: block;
        padding: 0;
        margin-top: -4.5vw;
        box-sizing: border-box;
    }
    html body > .content.page-school.v-html .gaevskiy-phone-btn {
        position: relative;
        display: block;
        width: 100%;
        margin: 5.2vw 0 0;
    }
    html body > .content.page-school.v-html .gaevskiy-phone-btn:first-child {
        margin-top: 0;
    }
    html body > .content.page-school.v-html .gaevskiy-phone-btn img.zone,
    html body > .content.page-school.v-html .zone-image-4-l,
    html body > .content.page-school.v-html .zone-image-4 {
        position: static;
        display: block;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    html body > .content.page-school.v-html .gaevskiy-phone-btn a.zone,
    html body > .content.page-school.v-html .zone-image-4-0-l,
    html body > .content.page-school.v-html .zone-image-4-0 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    /* Тёмная тема */
    html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2,
    html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2 [class*="gaevskiy-line"] {
        color: #7e7e7e;
    }
    html[data-theme="dark"] body > .content.page-school.v-html .zone-image-2 .color-gold,
    html[data-theme="dark"] body > .content.page-school.v-html .gaevskiy-academy.color-gold,
    html[data-theme="dark"] body > .content.page-school.v-html .gaevskiy-motto-phone.color-gold {
        color: #fff;
    }
    html[data-theme="dark"] body > .content.page-school.v-html .index-mobile-title {
        color: #fff;
    }
}