/* прогон 36 — слой поверх leaf35. Задание — council65/TASKS-36.md (голос Романа по пульту 35, 03.11 12:19–12:56). */

/* ══ Q36 · быстрые правки главной сессии (до помощников) ══════════════════════════════════════════════════════════
   Сняты без CSS: ключ с кромки шапки (leaf35.js T), серебряный прибор и ларец под карточками «Преподавателей» (teachers/vt35a.html),
   колофон «Explicit» (leaf34.js init без coloAdd; счётчик «Слово на полях · N из M» – в карточке глоссы), «можно не писать» → «Имя» (zapis/v*.html). */

/* (1) «Отзывы»: строка под стрелками «Хочешь так же? Первый урок – бесплатно» (Роман: «очень мелкая и читается тяжело» на яри).
   Было: курсив 20u (≥ 18 px) костью по яри. Стало: прямой 25u (≥ 20 px), ссылка – кнопкой с каймой (система кнопок сайта: прозрачная
   с каймой, краска при наведении), высота 48 px; лёгкая тень под буквами – гравюра под краской не просвечивает в штрих букв. */
html[data-red="on"] [data-sec="reviews"] .e34-rvgo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(10 * var(--u)) calc(18 * var(--u));
  margin:calc(18 * var(--u)) 0 0;font:500 max(20px, calc(25 * var(--u)))/1.3 var(--f-head);font-style:normal;color:#fbf8f1;
  text-shadow:0 1px 2px rgba(20,34,30,.55),0 0 calc(10 * var(--u)) rgba(20,34,30,.35)}
html[data-red="on"] [data-sec="reviews"] .e34-rvgo a{min-height:48px;padding:0 calc(22 * var(--u));border:1.5px solid rgba(251,248,241,.9);border-radius:calc(6 * var(--u));
  font:500 max(19px, calc(23 * var(--u)))/1.2 var(--f-head);color:#fbf8f1;text-decoration:none;background:rgba(20,34,30,.18);
  transition:background-color .25s ease,color .25s ease}
html[data-red="on"] [data-sec="reviews"] .e34-rvgo a:hover,html[data-red="on"] [data-sec="reviews"] .e34-rvgo a:focus-visible{background:#fbf8f1;color:#2c5a4e;text-shadow:none}
@media (max-width:1023.98px){
  html[data-red="on"] [data-sec="reviews"] .e34-rvgo{font-size:20px;gap:8px 14px}
  html[data-red="on"] [data-sec="reviews"] .e34-rvgo a{font-size:19px;padding:0 18px}
}

/* (2) «Обучение»: улитка ползла по воздуху – рисунок наклонный (подошва идёт вниз вправо на ≈ 11,6°), низ рамки картинки стоял на кромке,
   а голова висела на 38u выше. Теперь подошва лежит на верхней кромке картины: картинка повёрнута на −11,6° вокруг хвоста подошвы
   (96 % · 96 % рамки), кромка – ровно под ней. Ползёт как раньше: сдвиг от прокрутки по горизонтали (translate идёт до поворота). */
.m34-lv-snail{top:calc(var(--m34-ay,0px) - 53.6 * var(--u))}
.m34-lv-snail img{rotate:-11.6deg;transform-origin:96% 96%}
@media (max-width:1023.98px){ .m34-lv-snail{top:calc(var(--m34-ay,0px) - 32.7px)} }

/* (3) «Тесты»: книга с застёжками перекрывала слово заголовка → мельче и в куче книг под студентом «Теста уровня»: лежит в полосе книг
   a33e (куча под лестницей – 46–55 % ширины полосы) за передними книгами правого склона – их корешки закрывают её низ, верх выглядывает;
   изредка вздрагивает – пасхалка, находят не сразу. Место – в долях полосы, поэтому на 1440, 1710 и телефоне книга в одной точке кучи. */
html[data-rh="d35b"] [data-sec="tests"] .a33-floor > .d35-o-clasps{display:block!important;z-index:0;top:auto;left:53.4%;bottom:27%;width:5.4%;--r:-8deg}
html[data-rh="d35b"] [data-sec="tests"] .a33-floor > .d35-o-clasps img{filter:drop-shadow(0 calc(2 * var(--u)) calc(3 * var(--u)) rgba(36,38,43,.25));transform-origin:50% 92%}
html[data-rh="d35b"] [data-sec="tests"] .a33-floor > .m34-hs{pointer-events:auto}
@media (max-width:1023.98px){ html[data-rh="d35b"] [data-sec="tests"] .a33-floor > .d35-o-clasps{width:6.2%;bottom:25%} }
@keyframes q36-twitch{0%,86%,100%{transform:none}87.5%{transform:rotate(-6deg) translateY(-3%)}89%{transform:rotate(4deg)}90.5%{transform:rotate(-3deg) translateY(-1.5%)}92%{transform:rotate(1.5deg)}93.5%{transform:none}}
@media (prefers-reduced-motion:no-preference){
  html[data-rh="d35b"]:not(.still):not([data-theatre="off"]) [data-sec="tests"] .a33-floor > .d35-o-clasps img{animation:q36-twitch 17s ease-in-out 6s infinite}
}

/* (4) Подвал: колофон «Explicit» снят – зазор над «Контактами» как у страниц без колофона (E34: 64u видимой бумаги + выступ плиты канала). */
html[data-red="on"][data-zg="even"][data-eg="e34"] main.wrap > [data-sec="contacts"] > section:is(#contacts,[id]){margin-top:calc(64 * var(--u) + var(--e34-po))!important}
@media (max-width:1023.98px){
  html[data-red="on"][data-zg="even"][data-eg="e34"] main.wrap > [data-sec="contacts"] > section:is(#contacts,[id]){margin-top:calc(48 * var(--u) + var(--e34-po,0px))!important}
}

/* (5) после (1): строка «Хочешь так же?» стала крупнее – часослов d35b на шве «Отзывы → Обучение» заходил на её начало (1440).
   Книга чуть меньше (470 → 400u) и левее, низ на прежнем месте; шов целиком переделывает дизайнер стыков. */
@media (min-width:1024px){ html[data-rh="d35b"] [data-sec="how"] .d35-o-hours{--x:-6;--y:-346;--w:400} }

/* ══ E36: читаемость всего сайта (типограф E, прогон 36; пункт пульта tx «Читаемость»: e36 / as) ══════════════════════════════════════
   Роман 03.11 (пп. 20–21): «чтобы человеку было всегда легко читать»; «в направлениях… тяжеловато смотреть по размеру».
   Замер скриптом (каждый видимый текстовый узел, 1440 / 1710 / 390 / 393×723; кегль на экране = CSS × zoom .9; контраст по худшей точке
   под буквами): основной текст 16,2 px в шести местах, рубрики-капитель 15,3, подвал 14,4, «образование» на телефоне 14; белые строки
   «Направлений» на картинах 3,2 : 1 в худшей точке (верх строк попадал в светлое: тень гасла прямо от кромки).
   Порог: основной ≥ 17 px на экране, подписи ≥ 16, контраст ≥ 4,5 : 1 (крупный ≥ 3 : 1). Шрифты, формула заголовков и тексты – прежние.
   Рецепт текста на картине – по разбору Вирджинии (council66/research/SCOUT-36.md, п. 3): буквы костью, под ними ровный тон туши на всю
   высоту текста + 24 px, растворение только выше (≈ 25 % карточки), ореол букв мягкий; картины не перекрашены – слой поверх. */

/* (1) «Направления» a33a, ПК: ровный тон туши под всем текстом карточки (высота блока текста + 24 px), выше – растворение на ≈ 25 % карточки
   (плавное, пятью ступенями); у широкой «Иммиграции» тон ещё и гаснет вправо сразу за текстом – люди на берегу в свету.
   Высоту и ширину блока текста ставит leaf36.js (--e36-th, --e36-tw; без скрипта – запасные значения). Тон по картине (--e36-a) – по замеру:
   самая светлая точка под буквами ≤ 40 % яркости, кость к ней ≥ 5 : 1. Картины не тронуты – слой поверх (старая тень карточки снята). */
@media (min-width:1024px){
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card{--e36-a:.64;--e36-th:calc(180 * var(--u));--e36-tw:calc(470 * var(--u));--e36-f:25%}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card::after{
    background:linear-gradient(to top,
      rgba(36,38,43,var(--e36-a)) 0,
      rgba(36,38,43,var(--e36-a)) calc(var(--e36-th) + 24px),
      rgba(36,38,43,calc(var(--e36-a) * .7)) calc(var(--e36-th) + 24px + var(--e36-f) * .3),
      rgba(36,38,43,calc(var(--e36-a) * .38)) calc(var(--e36-th) + 24px + var(--e36-f) * .6),
      rgba(36,38,43,calc(var(--e36-a) * .12)) calc(var(--e36-th) + 24px + var(--e36-f) * .85),
      rgba(36,38,43,0) calc(var(--e36-th) + 24px + var(--e36-f)))!important;
    -webkit-mask-image:none;mask-image:none}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card[data-dir="ege"]{--e36-a:.7}   /* светлые рубашки мальчиков у кромки */
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card.a33-wide::after{
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(var(--e36-tw) + 24px),rgba(0,0,0,.45) calc(var(--e36-tw) + 24px + 7%),transparent calc(var(--e36-tw) + 24px + 15%));
    mask-image:linear-gradient(to right,#000 0,#000 calc(var(--e36-tw) + 24px),rgba(0,0,0,.45) calc(var(--e36-tw) + 24px + 7%),transparent calc(var(--e36-tw) + 24px + 15%))}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card :is(h3,p,.zd-go,.zd-bot,.zd-long){text-shadow:0 0 18px rgba(36,38,43,.5),0 1px 2px rgba(36,38,43,.6)!important}
  /* кегли на экране: название 36 → 39,6 px, описание 16,2 → 19,4 px (вес 500), ссылки 17,1 → 18,5 px */
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card .zd-txt > h3{font-size:calc(44 * var(--u))!important;line-height:1!important;margin-bottom:calc(10 * var(--u))!important}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card .zd-txt > p{font-size:max(20px, calc(21.5 * var(--u)))!important;font-weight:500!important;line-height:1.36!important;color:#fbf8f1!important}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card :is(.zd-go,.zd-bot){font-size:max(19px, calc(20.5 * var(--u)))!important}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card .zd-bot{color:#fbf8f1!important;text-decoration-color:rgba(251,248,241,.55)!important}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card .zd-go{color:#f0dba4!important}
}

/* (2) Весь сайт, ПК: основной текст 18 px CSS (16,2 на экране) → 19 (17,1); подписи-капитель 17 (15,3) → 18 (16,2);
   подвал 16 (14,4) → 18 (16,2); номера вкладок «Тестов» 16 → 18. Только кегль – цвет уже тушь (T32).
   Правила E34 (Редакция) стоят с !important и специфичностью (0,4,x) – здесь тройной атрибут, (0,5,x). */
@media (min-width:1024px){
  html[data-tx="e36"][data-tx][data-tx] :is(.zv-p, .v-x30k .d7-p, .fq-t, .y30a-gift-a > p, .pz-lead, .x30h-bx, .h30-steps .h30-s, .y30a-s, .y30a-t, .x32-note, .z32-d){font-size:max(19px, calc(19 * var(--ut)))!important}
  html[data-tx="e36"][data-tx][data-tx] :is(.h30-k, .b30-k > span:not(.b30-k2), .y30-k, .y32-k, .zd1-kick, .pz-k, .x32-k, .z32-k, .zf-ed .zf-ed-k, .nw-pill){font-size:max(18px, calc(18 * var(--ut)))!important}
  html[data-tx="e36"] section.v-ft23b1a :is(.ft-small, .ft-small a, .ft-small .since, .ft-slog, .ft-hours, .ft-hours .st, .m34-still){font-size:18px!important}
  html[data-tx="e36"] section.v-ft23b1a :is(.ft-slog, .ft-small .since){white-space:nowrap}   /* слоган и «с 2019 года» не рвутся (при 18 px шли в две строки) */
  html[data-tx="e36"] section.v-ft23b1a .ft-small nav a{margin-right:calc(14 * var(--u))!important}
  html[data-tx="e36"] section.v-ft23b1a .ft-small nav.r a{margin:0 0 0 calc(14 * var(--u))!important}
  html[data-tx="e36"] section.v-x30k .x30k-tab i{font-size:max(18px, calc(18 * var(--u)))!important}
}
/* телефон: «образование» у преподавателей было 14 px (правило ≤ 400 px) → 16 */
@media (max-width:1023.98px){
  html[data-tx="e36"] section.v-z32c .zf-st .zf-ed .zf-ed-k{font-size:16px!important;letter-spacing:.08em!important}
}

/* (3) «Отзывы»: золотая буквица третьего отзыва была 2,1 : 1 к бумаге (золотом по бумаге текст не пишем) → тёмное золото 4,8 : 1,
   позолота – светлой тенью под буквой; лазурь и ярь двух других – как были. */
html[data-tx="e36"][data-red="on"] [data-sec="reviews"] .v-sheet17 .rv17-card:nth-child(3n) .rv17-cap{color:#8a6a1f!important;text-shadow:0 calc(2 * var(--u)) 0 rgba(201,168,76,.5)!important}

/* (4) Ключевые слова: одна фраза в абзаце – тушью, вес 600 (цифра или выгода), четыре места на сайт; цвета внутри абзацев нет.
   Обёртку <b class="e36-kw"> ставит leaf36.js; при tx=as она не видна. */
.e36-kw{font-weight:inherit}
html[data-tx="e36"] .e36-kw{font-weight:600;color:#24262b}

/* (5) «Вопросы»: золотая буквица (4-я) 2,9 : 1 к листу при 36 px (нужно ≥ 3) → тёмное золото #94711f (≈ 4 : 1); киноварь и цвета остальных – как были.
   «Тесты», телефон: записка курсивом Garamond 16 px (на глаз мельче Brygada 16) → 17. */
html[data-tx="e36"] section.v-owl18 .ini-4{color:#94711f!important}
@media (max-width:1023.98px){ html[data-tx="e36"] section.v-x30k .d7-note{font-size:17px!important} }

/* ══ V36: лунник (honesty, «Historia Naturalis», лист 11-5) лежит на верхней кромке коробки «Учим на совесть» справа, над листом задания (только v36a–c, leaf36.js).
   Стоит на месте коробки (статичное место перед ней) и поднят на 92 % своей высоты – нижние листья касаются кромки; колышется от прокрутки, от касания кивает. */
.m34-lv-honesty{--w:250;right:calc(64 * var(--u));width:calc(var(--w) * var(--u));margin-top:calc(var(--w) * -.512 * var(--u))}
.m34-lv-honesty img{transform-origin:98% 64%}
@media (max-width:1023.98px){ .m34-lv-honesty{right:6px;width:96px;margin-top:-50px} }   /* телефон: правее и мельче – не касается второй строки заголовка */
@supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){
  html:is([data-mo="m32"],[data-mo="m34"]):not(.still):not([data-theatre="off"]) .m34-lv-honesty img{--m-sway:2.5deg;animation:m32-sway linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
} }
@media (prefers-reduced-motion:no-preference){
  html:not(.still):not([data-theatre="off"]) .m34-lv-honesty.m34-wake{transform-origin:96% 64%;animation:m34-tilt 1s ease-out 1}
}


/* ══ A36: ангел шапки – вышивка (пункт hj) слоем художника поверх цветного слоя, под ч/б вуалью; кадр и ширина – как у .tint-color и вуали */
[data-sec="hero"] .angel .tint > .a36-orn{position:absolute;inset:0;display:block;pointer-events:none}
[data-sec="hero"] .angel .tint > .a36-orn img{display:block;width:100%;height:auto;max-width:none}
[data-sec="hero"] .angel .tint:not(.ready) > .a36-orn{visibility:hidden}

/* ══ J36: стыки и переходы (дизайнер J, прогон 36; пункт пульта rh = j36). Роман 03.11: ключ с шапки снять → «2D рисунок… колесо крутящееся»;
   «весы – кривой разделитель»; «Цены ↔ Тесты» и «Обучение ↔ Отзывы» – «чуть больше расстояния… аккуратненькие линии… не везде».
   j36 = вещи d35b (очки, часослов, книга в куче, перо – как были) + (1) стык шапки: тонкая золотая линия в колонку, в её разрыве – колесо
   «роза ветров в шести языках» (Рейксмузеум RP-P-AO-29-18, тёмное золото одной линией), вращается от прокрутки; роза 1598 – справа у заголовка,
   колесо – по центру шва, между ними ≈ 500 px; (2) «Отзывы → Обучение»: +44u воздуха, часослов на кромке плиты как был; (3) «Тесты → Цены»: +40u воздуха,
   весы стоят ровно (без качания) целиком на верхней кромке листа цен, над колонкой «После пробного» (перенос в лист – leaf36.js J36);
   (4) «Цены → Вопросы» (бумага в бумагу): простая тонкая линия посередине паузы. У кромок плит линий нет (ищейка: там граница уже есть). */
html[data-rh="j36"]{--zg:280}
html[data-rh="j36"] [data-sec="how"]{--zo:100}
html[data-rh="j36"] [data-sec="prices"]{--zo:40}
html[data-rh="j36"] [data-sec="zapis"]{--zo-t:48}
html[data-rh="j36"] [data-sec="channel"]{--zo:48}
html[data-zg="even"][data-rh="j36"][data-rh="j36"] main.wrap > [data-sec]:is([data-sec="how"],[data-sec="prices"],[data-sec="zapis"],[data-sec="channel"]):not([hidden]) > section:is(#how,#prices,#zapis,#channel,[id]){
  margin-top:calc((var(--zg) + var(--zo,0) + var(--zo-t,0)) * var(--u))!important}
html[data-rh="j36"]:is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]{position:relative}
html[data-rh="j36"]:is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{
  content:"";position:absolute;z-index:4;left:50%;top:calc(-84 * var(--u));width:calc(104 * var(--u));height:calc(104 * var(--u));
  margin:calc(-52 * var(--u)) 0 0 calc(-52 * var(--u));background:url(img32/p32-rose-600.webp) 50% 50%/contain no-repeat;pointer-events:none;
  filter:drop-shadow(0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(16,32,26,.28))}
html[data-rh="j36"] :is(.m34-hs-globe,.m34-hs-ribbon,.m34-hs-bell){display:none!important}
html[data-rh="j36"] main.wrap > [data-sec] > section:is(:has(> .d35-o),:has(> .j36-seam)){position:relative}
html[data-rh="j36"] .d35-o.d35-b{display:block}
html[data-rh="j36"] [data-sec="tests"] .a33-scale{display:none!important}
@media (min-width:1024px){
  html[data-rh="j36"] [data-sec="teachers"] .d35-o-spect {--x:1000;--y:-10;--w:300}
  html[data-rh="j36"] [data-sec="how"]      .d35-o-hours {--x:-6;--y:-390;--w:400}
  html[data-rh="j36"] [data-sec="channel"]  .d35-o-quill {--x:24;--y:-388;--w:540}
}
html[data-rh="j36"] [data-sec="tests"] .a33-floor > .d35-o-clasps{display:block!important;z-index:0;top:auto;left:53.4%;bottom:27%;width:5.4%;--r:-8deg}
html[data-rh="j36"] [data-sec="tests"] .a33-floor > .d35-o-clasps img{filter:drop-shadow(0 calc(2 * var(--u)) calc(3 * var(--u)) rgba(36,38,43,.25));transform-origin:50% 92%}
html[data-rh="j36"] [data-sec="tests"] .a33-floor > .m34-hs{pointer-events:auto}
@media (max-width:1023.98px){ html[data-rh="j36"] [data-sec="tests"] .a33-floor > .d35-o-clasps{width:6.2%;bottom:25%} }
@media (prefers-reduced-motion:no-preference){
  html[data-rh="j36"]:not(.still):not([data-theatre="off"]) [data-sec="tests"] .a33-floor > .d35-o-clasps img{animation:q36-twitch 17s ease-in-out 6s infinite}
}
/* весы: в листе цен (leaf36.js кладёт .d35-o-scale внутрь .y30a-sheet), низ подставки – на кромке листа, без качания и поворота */
html[data-rh="j36"] [data-sec="prices"] .y30a-sheet{position:relative}
html[data-rh="j36"] [data-sec="prices"] .y30a-sheet > .d35-o-scale{left:auto;right:calc(2% - 10 * var(--u));top:auto;bottom:calc(100% - 6 * var(--u));width:calc(300 * var(--u));z-index:3}
html[data-rh="j36"] [data-sec="prices"] .y30a-sheet > .d35-o-scale img{rotate:0deg!important;animation:none!important;transform:none!important}
/* стык шапки и «Цены → Вопросы»: тонкая линия в колонку (золото 55 %, 1 px, концы гаснут); у шапки в разрыве – колесо */
.j36-seam{display:none;position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:1}
html[data-rh="j36"] .j36-seam{display:block}
.j36-seam::before,.j36-seam::after{content:"";position:absolute;top:0;height:1px;width:calc(50% - var(--j36-gap,0px) / 2)}
.j36-seam::before{left:0;background:linear-gradient(90deg,rgba(201,168,76,0),rgba(201,168,76,.55) 38%)}
.j36-seam::after{right:0;background:linear-gradient(270deg,rgba(201,168,76,0),rgba(201,168,76,.55) 38%)}
.j36-seam-courses{top:calc(-140 * var(--u));--j36-gap:calc(250 * var(--u))}
.j36-seam-faq{top:calc(-140 * var(--u));left:12%;right:12%}
.j36-wheel{position:absolute;left:50%;top:0;width:calc(212 * var(--u));aspect-ratio:1;margin:calc(-106 * var(--u)) 0 0 calc(-106 * var(--u));line-height:0}
.j36-wheel img{display:block;width:100%;height:auto}
@supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="j36"]:not(.still):not([data-theatre="off"]) .j36-wheel img{--m-spin:70deg;animation:m32-spin linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="j36"]:is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]):not(.still):not([data-theatre="off"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{
    --m-spin:90deg;animation:m32-spin linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
} }
@media (max-width:1023.98px){
  html[data-rh="j36"]{--zg:168}
  html[data-rh="j36"] [data-sec="how"]{--zo:64}
  html[data-rh="j36"] [data-sec="prices"]{--zo:24}
  html[data-rh="j36"] [data-sec="zapis"]{--zo-t:28}
  html[data-rh="j36"] [data-sec="channel"]{--zo:28}
  html[data-rh="j36"]:is([data-zp="c33a"],[data-zp="c33b"],[data-zp="c33c"]) main.wrap > [data-sec="reviews"]:not([hidden])::before{top:-44px;width:64px;height:64px;margin:-32px 0 0 -32px}
  html[data-rh="j36"] [data-sec="how"] .d35-o-hours{--y:-224}
  html[data-rh="j36"] [data-sec="prices"] .y30a-sheet > .d35-o-scale{right:6px;width:118px;bottom:calc(100% - 4px)}
  .j36-seam-courses{top:-84px;--j36-gap:132px}
  .j36-seam-faq{top:-84px;left:8%;right:8%}
  .j36-wheel{width:118px;margin:-59px 0 0 -59px}
}
/* ══ /J36 */


/* ══ P36: «Преподаватели» p36t / p36u – вещи висят с нижней кромки карточек (≈ 60u под листом), поэтому «С чего начать» не на 70u ближе (как у t35a),
   а на 80u (вещи закрывают пустоту под карточками, под ними ≈ 90u воздуха). Специфичность – как у правила Z35 в leaf35.css (там три :not и двойной атрибут); слой позже – побеждает. */
html[data-zg="even"]:is([data-v-teachers="p36t"],[data-v-teachers="p36u"]) main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc((var(--zg) - 80) * var(--u))!important}
@media (max-width:1023.98px){ html[data-zg="even"]:is([data-v-teachers="p36t"],[data-v-teachers="p36u"]) main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc(var(--zg) * var(--u))!important} }


/* ══ Z36: правки главной сессии по рецензии прогона 36 (council66/review/REVIEW-36.md) ═══════════════════════════════════════════════
   (1) «Направления» при tx=e36 (беда 3: «карточки почернели», у «Иммиграции» тёмный прямоугольник с краем посреди неба): тон туши – градиентом
   снизу, самый плотный у нижней кромки, под названием уже легче, выше растворяется; по ширине у «Иммиграции» гаснет длинно, без видимого края.
   Контраст держат кегль, вес и тёмный ореол букв (E36). */
@media (min-width:1024px){
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card{--e36-a:.6}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card[data-dir="ege"]{--e36-a:.66}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card::after{
    background:linear-gradient(to top,
      rgba(36,38,43,var(--e36-a)) 0,
      rgba(36,38,43,calc(var(--e36-a) * .9)) calc(var(--e36-th) * .55),
      rgba(36,38,43,calc(var(--e36-a) * .62)) calc(var(--e36-th) + 20px),
      rgba(36,38,43,calc(var(--e36-a) * .28)) calc(var(--e36-th) + 20px + var(--e36-f) * .45),
      rgba(36,38,43,calc(var(--e36-a) * .08)) calc(var(--e36-th) + 20px + var(--e36-f) * .8),
      rgba(36,38,43,0) calc(var(--e36-th) + 20px + var(--e36-f)))!important}
  html[data-tx="e36"] section.v-a33a.v-z30b .zd-card.a33-wide::after{
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(var(--e36-tw) + 8px),rgba(0,0,0,.7) calc(var(--e36-tw) + 8px + 10%),rgba(0,0,0,.3) calc(var(--e36-tw) + 8px + 24%),transparent calc(var(--e36-tw) + 8px + 40%));
    mask-image:linear-gradient(to right,#000 0,#000 calc(var(--e36-tw) + 8px),rgba(0,0,0,.7) calc(var(--e36-tw) + 8px + 10%),rgba(0,0,0,.3) calc(var(--e36-tw) + 8px + 24%),transparent calc(var(--e36-tw) + 8px + 40%))}
}
/* (2) Стыки rh=j36 (беда 2: «два компасных круга на одном экране»): при новых разделителях один круг – колесо ветров у шва под шапкой,
   крупнее (212 → 300u) и с разрывом линии шире; роза ветров 1598 у «Направлений» при j36 скрыта (при d35b – стоит, как раньше). */
html[data-rh="j36"] .m34-lv-compass{display:none!important}
.j36-wheel{width:calc(300 * var(--u));margin:calc(-150 * var(--u)) 0 0 calc(-150 * var(--u))}
.j36-seam-courses{top:calc(-160 * var(--u));--j36-gap:calc(340 * var(--u))}
/* (3) «Отзывы → Обучение» (беда 5: «стык не изменился»): ещё 60u воздуха и тонкая линия посередине паузы (не у кромки плиты: часослов лежит
   на ней левым краем). */
html[data-rh="j36"] [data-sec="how"]{--zo:160}
.j36-seam-how{top:calc(-150 * var(--u));left:12%;right:12%}
/* (4) «Какой ты студент»: зеркальце было мелким (88u) и висело рядом с цифрами → крупнее, стоит через верхнюю кромку белой коробки справа. */
@media (min-width:1024px){ section.v-t36a .d7-ty .t36-mirror{width:calc(124 * var(--u));right:calc(26 * var(--u));top:calc(-54 * var(--u));z-index:3} }
/* (5) j36k: лимонница на шве была мелкой (128u) → 168u. */
.v-j36k .j36k-fly{width:calc(168 * var(--u))}
/* (6) Телефон: кнопка «Слово на полях: Улитка» 78×34 → 44 px высотой (картинка – у низа кнопки, подошва на прежнем месте). */
@media (max-width:1023.98px){
  .m34-lv-snail{display:flex;align-items:flex-end;min-height:44px;top:calc(var(--m34-ay,0px) - 32.7px - 9.8px)}
  .j36-wheel{width:150px;margin:-75px 0 0 -75px}
  .j36-seam-courses{--j36-gap:172px}
  html[data-rh="j36"] [data-sec="how"]{--zo:96}
  .j36-seam-how{top:-72px;left:8%;right:8%}
}