/* прогон 41 — слой поверх leaf40 */

/* ══ Q41: главная сессия · прогон 41 ══ */
/* «Вопросы», у совы (Роман 04.11 вечер): «Записаться на пробный… раньше была заливаемая, а теперь сплошная» – возвращаем вид прогона 37:
   кайма лазурью, курсив лазурью на бумаге, заливка лазурью при наведении (текст – костью), стрелка ↓ прежняя. Размер – как у кнопок (u38 п. 7). */
html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]{background:transparent!important;border:1px solid var(--azure,#29466f)!important;
  transition:background-color .25s,border-color .25s,color .25s}
html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book] > b{font:italic 500 max(18px, calc(20 * var(--u)))/1.2 var(--f-head)!important;color:var(--azure,#29466f)!important;letter-spacing:0!important}
@media (hover:hover){
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]:hover{background:var(--azure,#29466f)!important}
  html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]:hover > b{color:var(--bone,#fbf8f1)!important}
}
html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]:focus-visible{background:var(--azure,#29466f)!important}
html[data-ui="u38"][data-ui="u38"][data-ui="u38"] [data-sec="faq"] section .fq-next a[data-book]:focus-visible > b{color:var(--bone,#fbf8f1)!important}
/* ══ /Q41 */

/* ══ E41: края широких коробок (дизайнер E, прогон 41; пункт пульта ed). Роман 04.11: «края коробок очень лёгкие… как будто местами сливаются
   с фоном. Нам нужны почётче… посмотри на другие секции, там нету такого». Коробки: «Как проходит обучение» (.h30-scene), «Учим на совесть»
   (.c37-box с улицей), «Между уроками» (.m37-box с площадью, только ПК – на телефоне там лента карточек без картины).
   Замер «нормальных» коробок (1440): «Тесты» – кайма 1px тушью .13, радиус 10; «Кто ведёт уроки» – кайма .14, тень 0 14px 30px -18px .28, радиус 8;
   «Вопросы» – кайма .15 по тонированному листу, радиус 10. Их край держит содержимое (облака, фото, тон листа), у широких – картина тает в белое.
   Было: кайма .13 (у площади – inset-тень, картина её закрывает слева и справа), ΔL края к бумаге 0,7–8. Картины не трогаем: ни фильтров, ни наложений. */
/* e41a (и e41d художника): рамка, как у остальных коробок. Кайма – настоящая граница: картина живёт внутри неё и обрезана по скруглению,
   закрыть кайму не может; тон каймы .2 – на белом крае картины даёт ту же ясность, что .15 на тонированном листе «Вопросов» (ΔL ≈ 12–14);
   тень и радиус – карточек «Кто ведёт уроки» / «Тестов». */
html:is([data-ed="e41a"],[data-ed="e41d"]) #how.v-a38a .h30-scene.h30-scene,
html:is([data-ed="e41a"],[data-ed="e41d"]) #prices.v-a39b .c37-box.c37-box{
  border:1px solid rgba(36,38,43,.2);border-radius:calc(10 * var(--u));
  box-shadow:0 1px 0 rgba(36,38,43,.05),0 14px 30px -18px rgba(36,38,43,.28)}
@media (min-width:1024px){
  html:is([data-ed="e41a"],[data-ed="e41d"]) #channel.v-m40a.v-m40a .m37-box.m37-box{
    border:1px solid rgba(36,38,43,.2);border-radius:calc(10 * var(--u));
    box-shadow:0 1px 0 rgba(36,38,43,.05),0 14px 30px -18px rgba(36,38,43,.28)}
}
/* e41b: паспарту. Между каймой и картиной – поле тоном чуть темнее бумаги (как лист «Вопросов», на ступень глубже), по полю – две тонкие линии:
   кайма снаружи и тонкая линия по краю картины (поверх картины, на 1 px). Картина и люди внутри поля – те же доли коробки, ничего не обрезано. */
html[data-ed="e41b"]{--e41m:max(8px, calc(10 * var(--u)));--e41p:#f3ecdc}
html[data-ed="e41b"] #how.v-a38a .h30-scene.h30-scene,
html[data-ed="e41b"] #prices.v-a39b .c37-box.c37-box{
  border:var(--e41m) solid var(--e41p);border-radius:calc(14 * var(--u));
  box-shadow:0 0 0 1px rgba(36,38,43,.18),0 1px 0 1px rgba(36,38,43,.05),0 14px 30px -18px rgba(36,38,43,.28)}
html[data-ed="e41b"] #how.v-a38a .h30-scene.h30-scene::after,
html[data-ed="e41b"] #prices.v-a39b .c37-box.c37-box::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;
  border-radius:calc(4 * var(--u));box-shadow:inset 0 0 0 1px rgba(36,38,43,.16)}
@media (min-width:1024px){
  html[data-ed="e41b"] #channel.v-m40a.v-m40a .m37-box.m37-box{
    border:var(--e41m) solid var(--e41p);border-radius:calc(14 * var(--u));
    box-shadow:0 0 0 1px rgba(36,38,43,.18),0 1px 0 1px rgba(36,38,43,.05),0 14px 30px -18px rgba(36,38,43,.28)}
  html[data-ed="e41b"] #channel.v-m40a.v-m40a .m37-box.m37-box::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;
    border-radius:calc(4 * var(--u));box-shadow:inset 0 0 0 1px rgba(36,38,43,.16)}
}

/* ══ E41D: главная сессия · пункт ed = e41d – фоны художника A (прогон 41): тот же рисунок и кадр, тон на ступень глубже, краска до края
   (небо лазурью, камень тёплый). Картины подменяет leaf41.js; здесь сняты маски, растворявшие края в бумагу: у улицы – по бокам
   (небо сверху по-прежнему тает под окошко «Найди ошибку»), у площади – сверху (низ по-прежнему уходит под карточки). Рама – e41a (блок E41). */
/* улица с дорисованным небом (2356×1180, 2:1; рецензент 41 п. 1): горизонт тот же (881,7 из 1180 → −37,42 % ширины), небо доходит до верха коробки – маски нет;
   на телефоне верх картины ниже кромки коробки (за окошком) – там небо по-прежнему тает сверху */
html[data-ed="e41d"] [data-sec="prices"] section.v-a39b.v-a39b .a39-street{margin-top:-37.42%;-webkit-mask-image:none;mask-image:none}
@media (max-width:1023.98px){ html[data-ed="e41d"] [data-sec="prices"] section.v-a39b.v-a39b .a39-street{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)} }
@media (min-width:1024px){
  html[data-ed="e41d"] #channel.v-m39a.v-m39a.v-m39a .m37-sq{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 97%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 97%)}
}
/* рецензент 41 (п. 3): при e41d край держит тон самой картины – кайма тоньше, как у остальных коробок (.15, а не .2 рамки e41a) */
html[data-ed="e41d"] #how.v-a38a .h30-scene.h30-scene,
html[data-ed="e41d"] #prices.v-a39b .c37-box.c37-box{border-color:rgba(36,38,43,.15)}
@media (min-width:1024px){ html[data-ed="e41d"] #channel.v-m40a.v-m40a .m37-box.m37-box{border-color:rgba(36,38,43,.15)} }
/* ══ /E41D */