/* прогон 37 — слой поверх leaf36 */
/* ══ Q37: быстрые правки главной сессии (Роман, голос 03.11 по пульту 36) */
/* колесо ветров – пасхалка кликается: шов «pointer-events:none» наследовался кнопке «Слова на полях» */
.j36-seam .m34-hs{pointer-events:auto}
/* колесо ниже: не заходит на облака шапки (Роман: «опусти ее чуть-чуть») – шов «Шапка → Направления» на 64u шире, колесо 264u по центру паузы */
html[data-rh="j36"] [data-sec="courses"]{--zo:64}
html[data-zg="even"][data-rh="j36"][data-rh="j36"] main.wrap > [data-sec="courses"]:not([hidden]) > section:is(#courses,[id]){
  margin-top:calc((var(--zg) + var(--zo,0)) * var(--u))!important}
@media (min-width:1024px){
  html[data-rh="j36"] .j36-seam-courses{top:calc(-172 * var(--u))}
  html[data-rh="j36"] .j36-seam-courses .j36-wheel{width:calc(264 * var(--u));margin:calc(-132 * var(--u)) 0 0 calc(-132 * var(--u))}
}
/* «Направления» на телефоне – снова пропорции z32a (Роман 02.11: «навсегда»; 03.11: «пропорции поменялись»). Причина: с прогона 34 кнопка
   розы 1598 (.m34-lv-compass) встаёт последней в сетку карточек – «Иммиграция» перестала быть :last-child и ушла в пол-ширины. */
@media (max-width:1023.98px){
  section.v-z30b .zd-mos > .zd-card:last-of-type{grid-column:1 / -1}
  section.v-z30b .zd-mos > .zd-card:last-of-type .zd-win{aspect-ratio:16/9}
  section.v-z30b .zd-mos > .zd-card:last-of-type .zd-long{display:inline}
}

/* ══ D37: стыки «как у Вирджинии», пропорции вещей и гравюрные вещи вместо фото (дизайнер D, прогон 37; пункт пульта rh = d37, «как сейчас» – j36).
   Роман 03.11: «у них между белыми и черными секциями вот такие вот мягкие уголки»; «острые фотопредметы не сильно нравятся… гравюрное».
   Ищейка S: у Вирджинии полос во всё окно с прямыми краями нет – цвет всегда коробка со скруглением, белое её обнимает. d37 = всё, что было у j36
   (колесо ветров под шапкой, линии, воздух, часослов) + (1) плиты «Отзывов» и «Записи» – коробки на полях 48u от окна, r18 (телефон 12 px, r10):
   одна система с коробками сайта, конфликт «плита во всё окно рядом с коробками» (zr=bleed) снят – плиты шире колонки, но не до края;
   (2) туман над «Записью» снят (подложка заголовка выходила за плиту); роза со шва «Отзывов» снята (на кромке читалась печатью – ищейка);
   (3) новый разделитель «Преподаватели → С чего начать»: тонкая линия, в разрыве – подсолнух анфас, крутится от прокрутки;
   (4) «Вопросы»: в разрыве линии – анютины глазки (pensées – «мысли»), качаются от прокрутки; (5) вещи одной руки «Historia Naturalis» вместо фото:
   весы → большая синица стоит на кромке листа цен; дощечка с азбукой → лазоревка в полёте; книга с застёжками в куче → крапивница;
   перо у «Между уроками» → аквилегия у заголовка. Часослов – как был (Роман: «хорошо»). Вставки – leaf37.js, блок D37. */
html[data-rh="d37"]{--zg:280}
html[data-rh="d37"] [data-sec="how"]{--zo:100}
html[data-rh="d37"] [data-sec="prices"]{--zo:40}
html[data-rh="d37"] [data-sec="zapis"]{--zo-t:48}
html[data-rh="d37"] [data-sec="channel"]{--zo:48}
html[data-zg="even"][data-rh="d37"][data-rh="d37"] 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="d37"] :is(.m34-hs-globe,.m34-hs-ribbon,.m34-hs-bell){display:none!important}
html[data-rh="d37"] main.wrap > [data-sec] > section:is(:has(> .d35-o),:has(> .j36-seam)){position:relative}
html[data-rh="d37"] .d35-o.d35-b{display:block}
html[data-rh="d37"] [data-sec="tests"] .a33-scale{display:none!important}
@media (min-width:1024px){
  html[data-rh="d37"] [data-sec="teachers"] .d35-o-spect {--x:1000;--y:-10;--w:300}
  html[data-rh="d37"] [data-sec="how"]      .d35-o-hours {--x:-6;--y:-390;--w:400}
  html[data-rh="d37"] [data-sec="channel"]  .d35-o-quill {--x:24;--y:-388;--w:540}
}
html[data-rh="d37"] [data-sec="tests"] .a33-floor > .m34-hs{pointer-events:auto}
html[data-rh="d37"] .j36-seam{display:block}
@supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d37"]: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%}
} }
@media (max-width:1023.98px){
  html[data-rh="d37"]{--zg:168}
  html[data-rh="d37"] [data-sec="how"]{--zo:64}
  html[data-rh="d37"] [data-sec="prices"]{--zo:24}
  html[data-rh="d37"] [data-sec="zapis"]{--zo-t:28}
  html[data-rh="d37"] [data-sec="channel"]{--zo:28}
  html[data-rh="d37"] [data-sec="how"] .d35-o-hours{--y:-224}
}/* как у j36 (Z36, Q37): роза 1598 у «Направлений» скрыта (один круг – колесо), колесо ниже, шов шапки шире; «Отзывы → Обучение» +60u и линия */
html[data-rh="d37"] .m34-lv-compass{display:none!important}
html[data-rh="d37"] [data-sec="how"]{--zo:160}
html[data-rh="d37"] [data-sec="courses"]{--zo:64}
html[data-zg="even"][data-rh="d37"][data-rh="d37"] main.wrap > [data-sec="courses"]:not([hidden]) > section:is(#courses,[id]){
  margin-top:calc((var(--zg) + var(--zo,0)) * var(--u))!important}
@media (min-width:1024px){
  html[data-rh="d37"] .j36-seam-courses{top:calc(-172 * var(--u))}
  html[data-rh="d37"] .j36-seam-courses .j36-wheel{width:calc(264 * var(--u));margin:calc(-132 * var(--u)) 0 0 calc(-132 * var(--u))}
}
@media (max-width:1023.98px){ html[data-rh="d37"] [data-sec="how"]{--zo:96} }
/* (1) плиты – коробки со скруглением на полях */
html[data-rh="d37"] [data-sec="reviews"] section.v-c34rv .c34-plate,
html[data-rh="d37"] [data-sec="zapis"] section.v-c34:is(.v-c34a,.v-c34c) .c34-plate{
  left:calc(50% - 50vw / var(--c34-z) + 48 * var(--u));right:calc(50% - 50vw / var(--c34-z) + 48 * var(--u));border-radius:calc(18 * var(--u))}
html[data-rh="d37"] [data-sec="zapis"] section.v-c34a .zd1-head::before{top:calc(-22 * var(--u))}
/* (3) новый шов «Преподаватели → С чего начать»: пауза шире (вещи висят с карточек), линия в колонку, подсолнух в разрыве */
html[data-zg="even"][data-rh="d37"][data-rh="d37"] main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc((var(--zg) + 120) * var(--u))!important}
.d37-seam-board{display:none;top:calc(-170 * var(--u));left:6%;right:6%;--j36-gap:calc(250 * var(--u))}
html[data-rh="d37"] .d37-seam-board{display:block}
html[data-rh="d37"] main.wrap > [data-sec] > section:has(> .d37-seam-board){position:relative}
.d37-seam .d37-ob,.d37-o{position:absolute;z-index:4;display:block;margin:0;padding:0;border:0;background:none;line-height:0;cursor:default;pointer-events:auto;-webkit-tap-highlight-color:transparent}
html:not([data-rh="d37"]) :is(.d37-seam-board,.d37-o){display:none!important}
.d37-ob img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-select:none;rotate:var(--r,0deg)}
.d37-shadow img{filter:drop-shadow(0 calc(5 * var(--u)) calc(6 * var(--u)) rgba(36,38,43,.2)) drop-shadow(0 calc(1 * var(--u)) calc(1 * var(--u)) rgba(36,38,43,.16))}
html[data-eg="e34"] .d37-ob{cursor:pointer}
html:not([data-eg="e34"]) .d37-ob{pointer-events:none}
.d37-seam .d37-sun{left:50%;top:0;width:calc(196 * var(--u));margin:calc(-98 * var(--u)) 0 0 calc(-98 * var(--u))}
/* (4) «Вопросы»: разрыв линии шире, анютины глазки стоят в нём (половина над линией, половина под) */
html[data-rh="d37"] .j36-seam-faq{--j36-gap:calc(230 * var(--u))}
.d37-pansy{left:50%;top:0;width:calc(186 * var(--u));margin:calc(-104 * var(--u)) 0 0 calc(-93 * var(--u))}
.d37-pansy img{transform-origin:50% 90%}
/* (5) вещи вместо фото */
html[data-rh="d37"] :is(.d35-o-scale,.d35-o-clasps,.d35-o-quill){display:none!important}
html[data-rh="d37"] [data-sec="board"] .a34-hb{display:none!important}
html[data-rh="d37"] [data-sec="prices"] .y30a-sheet{position:relative}
.d37-greattit{right:calc(4% - 6 * var(--u));bottom:calc(100% - 4 * var(--u));width:calc(230 * var(--u));z-index:3}
.d37-bluetit{left:calc(-120 * var(--u));top:calc(282 * var(--u));width:calc(228 * var(--u));z-index:2}
.d37-bluetit img{transform:scaleX(-1)}
html[data-rh="d37"] [data-sec="tests"] .a33-floor > .d37-tortoise{z-index:2;top:auto;left:57%;bottom:30%;width:5.4%;--r:-10deg}
.d37-tortoise img{transform-origin:50% 90%}
html[data-rh="d37"] main.wrap > [data-sec="channel"] > section:has(> .d37-columbine){position:relative}
.d37-columbine{right:calc(36 * var(--u));top:calc(-112 * var(--u));width:calc(150 * var(--u));z-index:3}
/* очки у заголовка «Преподавателей» при новом варианте d37t – там клевер (при любом rh) */
[data-v-teachers="d37t"] [data-sec="teachers"] .d35-o-spect{display:none!important}
@supports (animation-timeline: view()){ @media (prefers-reduced-motion:no-preference){
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d37"]:not(.still):not([data-theatre="off"]) .d37-sun img{--m-spin:80deg;animation:m32-spin linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  html:is([data-mo="m32"],[data-mo="m34"])[data-rh="d37"]:not(.still):not([data-theatre="off"]) :is(.d37-pansy,.d37-columbine) img{--m-sway:3deg;animation:m32-sway linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
} }
@media (prefers-reduced-motion:no-preference){
  html[data-rh="d37"]:not(.still):not([data-theatre="off"]) .d37-tortoise img{animation:q36-twitch 17s ease-in-out 6s infinite}
  html:not(.still):not([data-theatre="off"]) .d37-ob.d37-wake img{transform-origin:50% 90%;animation:m34-tilt 1s ease-out 1}
}
@media (max-width:1023.98px){
  html[data-rh="d37"] [data-sec="reviews"] section.v-c34rv .c34-plate,
  html[data-rh="d37"] [data-sec="zapis"] section.v-c34:is(.v-c34a,.v-c34c) .c34-plate{left:calc(50% - 50vw / var(--c34-z) + 12px);right:calc(50% - 50vw / var(--c34-z) + 12px);border-radius:10px}
  /* форма «Записи» на телефоне – «от стенки до стенки» (Роман 02.11) теперь значит до стенок коробки: поля 12 px, углы коробки */
  html[data-rh="d37"] [data-sec="zapis"] section.v-c34a.v-y30d :is(.y30d-main,.y30d-art){margin-inline:calc(var(--gut) * -1 * var(--u) + 12px)!important}
  html[data-zg="even"][data-rh="d37"][data-rh="d37"] main.wrap > [data-sec="board"][data-sec="board"]:not([hidden]):not([data-z35]) > section:is(#board,[id]){margin-top:calc((var(--zg) + 72) * var(--u))!important}
  .d37-seam-board{top:-132px;left:8%;right:8%;--j36-gap:140px}
  .d37-seam .d37-sun{width:116px;margin:-58px 0 0 -58px}
  html[data-rh="d37"] .j36-seam-faq{--j36-gap:126px}
  .d37-pansy{width:100px;margin:-56px 0 0 -50px}
  .d37-greattit{right:4px;width:112px;bottom:calc(100% - 2px)}
  .d37-bluetit{display:none!important}
  .d37-columbine{right:0;top:30px;width:54px}
}
/* ══ /D37 */
/* ══ Q37b: главная сессия после smoke – крапивница на телефоне была 31×26 px: шире до 44 px и поля сверху-снизу, чтобы касание было ≥ 44 */
@media (max-width:1023.98px){
  html[data-rh="d37"] [data-sec="tests"] .a33-floor > .d37-tortoise{width:max(5.4%,44px);padding:5px 0;box-sizing:content-box}
}
/* ══ Q37c: главная сессия по рецензии 37 (дозадание дизайнеру D оборвалось ошибкой сервера – правки сделала сама) */
/* «хвост» за коробками: мягкие подложки заголовков «Отзывов» и «Записи» (радиальные градиенты) выходили за плиту на 140–190 px – теперь в пределах коробки */
html[data-rh="d37"] [data-sec="reviews"] .rubric.m32-rv::before,
html[data-rh="d37"] [data-sec="zapis"] .zd1-head.m32-rv::before{left:-60px!important;right:-60px!important;width:auto!important}
/* круглые вещи не на углах коробок (закон: круг на углу читается печатью): чернушка – по верхней кромке «Записи» на четверти ширины,
   василёк – по кромке «Теста» левее угла, аквилегия – на бумаге над коробкой канала (не касается её) */
html[data-rh="d37"] .m34-lv-nigella{left:46%}
html[data-rh="d37"] .m34-lv-corn{right:calc(150 * var(--u));top:calc(-96 * var(--u))}
html[data-rh="d37"] .d37-columbine{top:calc(-156 * var(--u))}
/* виноград не на углу: на нижней кромке карточки Романа ближе к середине (яблоко Юлии – на своём углу, как было) */
html section.v-d37t.v-d37t .d37-ob-grapes{left:54%;top:auto;bottom:calc(-170 * var(--u))}
@media (max-width:1023.98px){
  html[data-rh="d37"] [data-sec="reviews"] .rubric.m32-rv::before,
  html[data-rh="d37"] [data-sec="zapis"] .zd1-head.m32-rv::before{left:-4px!important;right:-4px!important}
  html[data-rh="d37"] .m34-lv-nigella{left:12%;top:calc(var(--m34-seam,-28px) - 72px)}
  html[data-rh="d37"] .m34-lv-corn{right:8%;top:10px}
  html section.v-d37t.v-d37t .d37-ob-grapes{left:auto;right:38%;top:auto;bottom:-52px}
  .v-d37t .d37-ob-clover{display:none}
}