/* Matis Academy — исправления вёрстки по ночному аудиту 14.10.2026 (Claude).
   Подключается mu-plugin matis-frontend.php после стилей Bricks. Откат: удалить mu-plugin или этот файл.
   D — глобальное/блог/Wiki, E — уроки мини-курса, F — лендинги. Отчёты: Knowledge/Infrastructure/Night-Audit-2026-10-14/ */

/* ==========================================================================
   Ночной аудит 14.10 — группа D: глобальное (футер, шапка) + блог + Wiki
   Куда: Bricks → Настройки → Custom CSS, в самый конец (после блока
   «возврата оранжевого»). Всё обёрнуто в @media, чтобы Bricks не
   нормализовал правила. Без @import.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D1: футер на телефоне (шаблон #489)
   Было до 640 px: ссылки 10 px, высота цели ~16 px; заголовки колонок 10 px.
   Стало до 767 px: ссылки 13 px (на 360 px — 12,2 px, чтобы «конфиденциальности»
   влезало в колонку 148 px без разрыва), цель 32 px (padding 7 px вместо
   margin), заголовки 12 px; две колонки сохраняются.
   -------------------------------------------------------------------------- */
@media (max-width:767px){
 body #mafoot #mafootgrid.brxe-container{column-gap:24px}
 body #mafoot #mafootgrid>div:not(#mafootbrand) a.brxe-text-link{font-size:clamp(12px,3.4vw,13px);line-height:18px;padding:7px 0;margin:0;hyphens:auto}
 body #mafoot #mafootgrid>div:not(#mafootbrand) a.brxe-text-link:last-child{margin-bottom:0}
 body #mafoot #mafootgrid h3.brxe-heading{font-size:12px;line-height:15px;margin:0 0 7px}
}
/* Соцссылки (иконки 25×25): зона нажатия 41×41 без изменения вида —
   padding + отрицательный margin, фон-иконка рисуется только в content-box */
@media all{
 body #mafoot #brxe-hsoc26 a.brxe-text-link{box-sizing:content-box;padding:8px;margin:-8px;background-origin:content-box;background-clip:content-box}
 body #mafoot #brxe-hsoc26 a.brxe-text-link:focus-visible{outline-offset:-4px}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D2: бургер в шапке (#487, #mamenu)
   Кнопка 28×20 с transform:scale(.7) = 19,6×14 px. Невидимый ::after
   расширяет зону нажатия до ~45×45 px; вёрстка и вид не меняются.
   -------------------------------------------------------------------------- */
@media (max-width:980px){
 body #brx-header #mamenu.brxe-toggle::after{content:"";position:absolute;top:-22px;right:-18px;bottom:-22px;left:-18px}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D3: «возврат оранжевого» в тёмных блоках блога (D-073)
   .mart-tip — тёмные плашки «Совет / Важно / Ошибка новичка / Чек-лист»
   (метка .mart-k и ссылки .mart-txt a внутри);
   .mart-nc-dark — тёмная карточка «Мини-курс» в «Что дальше» статей
   и в «Чему я учу» на /anton-matis/ («Начать →» = .mart-go).
   Было #894a1f на #151311 (2,7:1), стало #fd7e2f (7,2:1).
   Можно вместо этого дописать оба селектора в общий список возврата.
   -------------------------------------------------------------------------- */
@media all{
 body .mart .mart-tip,body .mart .mart-nc.mart-nc-dark{--orange:#fd7e2f;--ml-orange:#fd7e2f}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D4: H1 статей и рубрик блога на телефоне
   Было 40 px: «ЦВЕТОКОРРЕКЦИЯ» = 392 px при колонке 328 (обрезка «Я»),
   на 360 px вылезали ещё 9 заголовков. Стало ~30 px на 390 и ~27 px на 360
   (как H1 главной: 30 px до 640 px, 27 px до 360 px).
   Статьи — .mart-hero; /blog/ и рубрики — .mart.mbw-hero. Не трогаем Wiki (.mwk)
   и обложку /anton-matis/ (.mart-hero-author: «Антон Матис» помещается).
   -------------------------------------------------------------------------- */
@media (max-width:600px){
 body .mlc.mlc-hero.mart-hero:not(.mart-hero-author) h1,
 body .mlc.mlc-hero.mart.mbw-hero:not(.mwk) h1{font-size:clamp(26px,7.6vw,34px);overflow-wrap:anywhere;hyphens:manual}
}
/* D4b: /blog/ и рубрики на планшете и малом ПК (768–1199 px): H1 60/80 px
   («ЦВЕТОКОРРЕКЦИЯ», «ОБОРУДОВАНИЕ») залезал на 55–134 px в колонку
   с контурной цифрой. Размер от ширины окна, на ≥1200 px — как было (80 px). */
@media (min-width:768px) and (max-width:1199px){
 body .mlc.mlc-hero.mart.mbw-hero:not(.mwk) h1{font-size:clamp(44px,5.8vw,80px);overflow-wrap:anywhere}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D5: таблицы статей и Wiki на телефоне
   Нужен скрипт fix_D.js: он ставит таблицам ≥3 колонок класс .mt-cards
   и data-label на ячейки, таблицам из 2 колонок — .mt-2col.
   До 600 px: .mt-cards — каждая строка карточка (подпись колонки слева,
   значение справа, первая ячейка — заголовок карточки); .mt-2col —
   обычная таблица на всю ширину, текст переносится, без обрезки.
   От 601 px таблицы не меняются.
   -------------------------------------------------------------------------- */
@media (max-width:600px){
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards{display:block;width:100%;min-width:0!important;overflow:visible;border:0;border-radius:0;background:transparent;font-family:Montserrat,system-ui,sans-serif;font-size:14px;line-height:1.45}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tbody{display:flex;flex-direction:column;gap:10px}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tr{display:block;background:#fff;border:1px solid var(--line,#d8d0c0);border-radius:14px;padding:4px 16px}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tr.mt-head{display:none}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th){display:grid;grid-template-columns:minmax(84px,38%) minmax(0,1fr);gap:12px;align-items:baseline;min-width:0;width:auto;padding:9px 0;border:0;border-top:1px solid #eee8dc;background:transparent;text-align:left;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text,#2a2723);overflow-wrap:break-word}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th)::before{content:attr(data-label);font-family:Montserrat,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#894a1f;overflow-wrap:normal}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th):first-child{display:block;padding:12px 0 10px;border-top:0;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink,#0e0e0c)}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th):first-child::before{content:none}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th):not([data-label])::before,
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th)[data-label=""]::before{content:none}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th):not([data-label]),
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards :is(td,th)[data-label=""]{display:block}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tr.is-hl{background:#fbefe4;border-color:rgba(137,74,31,.35)}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tr.is-hl :is(td,th){background:transparent;border-top-color:rgba(137,74,31,.15)}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-cards tr.is-hl :is(td,th):first-child{border-top:0}
 /* таблицы из 2 колонок — остаются таблицей, но помещаются в колонку */
 body .mlc :is(.mart-txt,.mwk-table) table.mt-2col{display:table;width:100%!important;min-width:0!important;table-layout:auto}
 body .mlc :is(.mart-txt,.mwk-table) table.mt-2col :is(td,th){min-width:0;overflow-wrap:break-word}
 body .mlc .mwk-table:has(> table.mt-cards){overflow:visible}
}
/* D5б: таблица из 6 колонок («…в разное время суток») обрезалась и на ПК:
   6 × min-width 120 px = 720 px при колонке текста 700 px. От 601 px
   у таблиц с 6+ колонками снимаем min-width ячеек и растягиваем таблицу
   на всю колонку (display:table) — всё помещается без прокрутки. */
@media (min-width:601px){
 body .mart .mart-txt table:has(tr>:nth-child(6)){display:table;width:100%}
 body .mart .mart-txt table:has(tr>:nth-child(6)) :is(td,th){min-width:0}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D6: рубрика блога с одной статьёй (≥768 px)
   Было: одна карточка 333–350 px у левого края сетки. Стало: одна широкая
   горизонтальная карточка на всю колонку 1040 px (фото слева 50 %, текст справа).
   Работает и на /blog/praktika/. На телефоне не меняется.
   -------------------------------------------------------------------------- */
@media (min-width:768px){
 body .mart .mart-pcs>.mart-pc:only-child{grid-column:1/-1;flex-direction:row;align-items:stretch}
 body .mart .mart-pcs>.mart-pc:only-child .mart-pc-ph{position:relative;flex:0 0 50%;max-width:50%;aspect-ratio:auto;min-height:280px}
 body .mart .mart-pcs>.mart-pc:only-child .mart-pc-ph img{position:absolute;inset:0}
 body .mart .mart-pcs>.mart-pc:only-child .mart-pc-tx{justify-content:center;gap:12px;padding:36px 40px}
 body .mart .mart-pcs>.mart-pc:only-child h3{font-size:26px;line-height:1.12}
 body .mart .mart-pcs>.mart-pc:only-child .mart-pc-d{flex:0 0 auto;font-size:15px;line-height:1.6}
 body .mart .mart-pcs>.mart-pc:only-child .mart-go{margin-top:8px}
}
@media (min-width:768px) and (max-width:991px){
 body .mart .mart-pcs>.mart-pc:only-child .mart-pc-tx{padding:28px 28px}
 body .mart .mart-pcs>.mart-pc:only-child h3{font-size:22px}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D7: /blog/praktika/ (и /wiki/…) — метки тренажёров
   Метка .mbw-tag была white-space:nowrap и на 1280 (4 карточки в ряд)
   вылезала за край карточки на 14–32 px. Теперь длинная метка переносится
   на 2 строки внутри карточки; короткие не меняются.
   -------------------------------------------------------------------------- */
@media all{
 body .mlc .mbw-card-top .mbw-tag{min-width:0;white-space:normal;text-align:center}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D8: /wiki/video/ (страница #764) — список терминов
   Было: 17 голых ссылок в колонке 760 px. Стало: сетка карточек как
   .mbw-term на /wiki/ (3 колонки в 1040 px; 2 до 991 px; 1 до 767 px),
   под центрированным заголовком. Ссылки на урок 1 подписаны «урок 1».
   color с !important: у каждой ссылки в Bricks свой #id с цветом #894a1f.
   Крошки и обложку по системе mlc/mbw всё равно лучше собрать в Bricks.
   -------------------------------------------------------------------------- */
@media all{
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1040px}
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link)>h2{grid-column:1/-1;margin-bottom:22px}
 body.page-id-764 .ml-lesson .ml-col>a.brxe-text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;min-height:58px;padding:14px 18px;background:#fbfaf6;border:1px solid #d8d0c0;border-radius:14px;font-size:14px;font-weight:600;line-height:1.3;color:#0e0e0c!important;text-decoration:none;transition:border-color .25s,box-shadow .25s}
 body.page-id-764 .ml-lesson .ml-col>a.brxe-text-link::after{content:"→";flex:0 0 auto;color:#894a1f;font-weight:600}
 body.page-id-764 .ml-lesson .ml-col>a.brxe-text-link[href*="/mini-course-1/"]::after{content:"урок 1 →";font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a7266;white-space:nowrap}
 body.page-id-764 .ml-lesson .ml-col>a.brxe-text-link:hover{border-color:rgba(137,74,31,.55);box-shadow:0 10px 24px rgba(137,74,31,.1)}
 body.page-id-764 .ml-lesson .ml-col>a.brxe-text-link:focus-visible{outline:2px solid #894a1f;outline-offset:2px}
}
@media (min-width:992px){
 /* блок «Практика» из 4 ссылок — одним рядом, без «сироты» */
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link):not(:has(> a.brxe-text-link:nth-of-type(5))){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:991px){
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link){grid-template-columns:minmax(0,1fr)}
 body.page-id-764 .ml-lesson .ml-col:has(> a.brxe-text-link)>h2{margin-bottom:12px}
}


/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — D9: тренажёр «Крупности» (/wiki/praktika/krupnosti/,
   /mini-course-3/) — виджет .mls из скрипта урока.
   а) Схема «Где проходит край кадра»: SVG 300×330 (viewBox), подписи
      суставов с x=210, «подбородок / шея» = 99 px → обрезалась по 300.
      Подписи 10 px и чуть левее: правый край ≤ 297. Только у схемы
      крупностей (в .mls есть .mls-shots-chips), схемы «Солнце» и
      «Движение» не затрагиваются.
   б) Плитки 7 планов: на 390 (4 в ряд по 78 px) «Сверхобщий» (83 px)
      и «Сверхкрупный» (96 px) шире плитки, на 768 (7 в ряд по 95 px) — «Сверхкрупный». Скрипт fix_D.js ставит мягкий
      перенос «Сверх-», как у «Средне-общий»; CSS ниже — запасной вариант,
      если скрипта нет (слово переносится внутри плитки, не вылезает).
   -------------------------------------------------------------------------- */
@media all{
 body .mls:has(.mls-shots-chips) .mls-map .mls-svg text{font-size:10px;letter-spacing:-.01em;transform:translateX(-3px)}
}
@media all{
 body .mls .mls-shots-chips .mls-chip .nm{max-width:100%;overflow-wrap:anywhere;hyphens:manual}
}


/* ==========================================================================
   Ночной аудит 14.10 — пакет E: вёрстка уроков бесплатного мини-курса
   Страницы: /mini-course-1/ (.ml3.ml1), /mini-course-2/ (.ml3.ml2), /mini-course-3/ (.ml3)
   Все правила начинаются с body и привязаны к классам уроков/виджетов.
   Куда: Bricks → Настройки → Custom CSS (в конец) или глобальный класс ml3.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E1: оранжевое на светлых карточках тренажёров → #894a1f (D-073).
   Тёмные экраны/мониторы внутри тренажёров (.mon, .lcd, видоискатели, .mls, .dls)
   не трогаем — там оранжевый остаётся.
   -------------------------------------------------------------------------- */
/* Ползунки на светлых карточках .rig (урок 1: кадрирование, 180°, фокусное; урок 3: разминка).
   В .ml3 accent-color был зашит литералом rgb(253,126,47), поэтому переменная не помогала. */
body .ml3 .rig input[type="range"] {
  accent-color: #894a1f;
}
/* Урок 1, «Правило 180°»: метка на шкале экспозиции. .meter-bar стоит в списке «возврата
   оранжевого», но сама шкала лежит на светлой карточке. Светлая обводка — чтобы метка
   читалась и на тёмном конце градиента. */
body .ml1 .w-shutter .meter-bar i {
  background: #894a1f;
  box-shadow: 0 0 0 2px #fbfaf6;
}
/* Урок 1, «Фокусное расстояние»: конус обзора на светлой схеме «вид сверху». */
body .ml1 .w-focal .stage path.cone {
  fill: rgba(137, 74, 31, .14);
  stroke: #894a1f;
}
/* Урок 3, «Сними дубль»: квадрат легенды «Действие модели» (цвет задан inline-стилем).
   Сам отрезок действия на дорожке уже коричневый (var(--orange) → #894a1f), легенда
   теперь совпадает с ним. */
body .ml3 .w-take .legend span:nth-child(2) i {
  background: #894a1f !important;
}
/* Урок 2, обложка: контурные номера 01–05 на белой карточке «План съёмки».
   Обложка .hero3 тёмная и возвращает оранжевый, а карточка .sheet внутри — светлая. */
body .ml2 .sheet .sh-n {
  -webkit-text-stroke-color: #894a1f;
}
/* Кольцо прогресса чек-листа (все уроки) лежит на светлом фоне; цвет зашит атрибутом SVG. */
body .ml3 .cl-meter .ring {
  stroke: #894a1f;
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E2: плашка счёта теста на телефоне — одна строка ≤ 56 px.
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  body .ml3 .wrap > .score {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px 8px 8px 14px;
    margin-top: 16px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.2;
    bottom: 8px;
  }
  /* на узких экранах (< 370 px) подпись переносится внутри плашки, высота остаётся ≤ 56 px */
  body .ml3 .wrap > .score > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }
  body .ml3 .wrap > .score b {
    font-size: 18px;
    line-height: 1;
    vertical-align: -1px;
  }
  /* «Осталось: N» на телефоне лишнее — номер вопроса виден в самом тесте */
  body .ml3 .wrap > .score .sl {
    display: none;
  }
  body .ml3 .wrap > .score .btn {
    flex: 0 0 auto;
    padding: 8px 12px !important; /* у кнопки inline-стиль padding:8px 16px */
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
}
/* Отступ под плашку: вопросы и варианты, к которым прокручивает браузер (Tab, якоря),
   не прячутся под плавающей плашкой. */
body .ml3 .quiz .q,
body .ml3 .quiz .opt {
  scroll-margin-bottom: 84px;
}
@media (max-width: 600px) {
  body .ml3 .quiz .q,
  body .ml3 .quiz .opt {
    scroll-margin-bottom: 64px;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E3: на ПК тест, итог, плашка счёта, карточка формулы и розовые
   выноски на всю колонку 1040 px (было 760–820 px у левого края). Одинаково во всех уроках.
   -------------------------------------------------------------------------- */
body .ml3 .wrap > .quiz,
body .ml3 .wrap > .result,
body .ml3 .wrap > .score,
body .ml3 .wrap > .warn,
body .ml1 .wrap > .formula1 {
  max-width: none;
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E4: урок 1, карточки Rec.709 и Log. Пункт списка собран из
   отдельных блоков (<div>Мало</div><a class="term">…</a><div>: выбитое…</div>) —
   делаем их строчными, чтобы фраза шла одной строкой. Пробелы между блоками в HTML нет,
   поэтому добавляем их псевдоэлементами: после текста перед термином и перед последним
   куском текста после термина (кусок «: выбитое небо и» начинается с двоеточия — без пробела).
   Правильное решение — собрать пункт одним Rich Text (см. отчёт).
   -------------------------------------------------------------------------- */
body .ml1 .rt li.brxe-div > .brxe-text-basic,
body .ml1 .rt li.brxe-div > a.term {
  display: inline;
}
body .ml1 .rt li.brxe-div > .brxe-text-basic:not(:last-child)::after {
  content: " ";
}
body .ml1 .rt li.brxe-div > a.term + .brxe-text-basic:last-child::before {
  content: " ";
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E5: урок 1, вкладки «Балансировка гимбала» на телефоне —
   два ряда (3 + 2), подписи 11–12 px.
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  body .ml1 .w-gimbal .gsteps {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
  }
  body .ml1 .w-gimbal .gstep {
    grid-column: span 2;
    padding: 8px 6px;
    text-align: center;
  }
  body .ml1 .w-gimbal .gstep:nth-child(n+4) {
    grid-column: span 3;
  }
  body .ml1 .w-gimbal .gstep b {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.25;
  }
  body .ml1 .w-gimbal .gstep span {
    display: block;
    font-size: 11px;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E6: урок 3, «Конструктор команды».
   ≤ 600 px — шапка в колонку (заголовки больше не налезают друг на друга);
   ≤ 900 px — поля друг под другом (на 768 три поля в ряд обрезали текст).
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  body .ml3 .w-formula .formula {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  body .ml3 .w-formula .formula .plus {
    text-align: center;
    font-size: 22px;
    line-height: 1;
  }
}
@media (max-width: 600px) {
  body .ml3 .w-formula .rig-label {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  body .ml3 .w-formula .rig-label b {
    min-width: 0;
    text-align: left;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E7: урок 3, плитки дублей «Сними дубль с заделом» на телефоне —
   два ряда (3 + 2), подписи 11 px помещаются целиком.
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  body .ml3 .w-take .takes {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
  }
  body .ml3 .w-take .takes > div {
    grid-column: span 2;
    padding: 8px 4px;
    font-size: 11px;
    letter-spacing: 0;
  }
  body .ml3 .w-take .takes > div:nth-child(n+4) {
    grid-column: span 3;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E8: урок 3.
   а) Штамп «БРАК» целиком внутри карточки (был сдвинут за правый край и срезан overflow).
   б) Отступ сверху у 3D-тренажёров [data-ml-widget], чтобы текст над ними не прилипал
      («Рассеянный… пересветов.», вводный текст раздела 05).
   -------------------------------------------------------------------------- */
body .ml3 .blooper::after {
  right: 12px;
  top: 14px;
}
body .ml3 .blooper h3 {
  padding-right: 84px;
}
body .ml3 .wrap > [data-ml-widget] {
  margin-top: 32px;
}
@media (max-width: 640px) {
  body .ml3 .wrap > [data-ml-widget] {
    margin-top: 24px;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E9: урок 2, тренажёр «Время съёмки» (.ml-daylight-sim).
   В виджет протекали общие классы урока: .ml3 .q (карточка вопроса теста) рисовала белый
   скруглённый прямоугольник вокруг «· 4K» в видоискателе; .ml3 .chip — рамку и тёмный
   текст у плашек «4K · 30» / «00:00» в режиме «Телефон»; .ml3 .g (строка глоссария) —
   отступы и линию у «телефон выбрал:». Возвращаем им вид, как в Wiki.
   -------------------------------------------------------------------------- */
body .ml3 .ml-daylight-sim .dls-hud .q {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  gap: normal;
}
@media (max-width: 520px) {
  /* как в исходном CSS виджета: на узком экране «4K» скрыт */
  body .ml3 .ml-daylight-sim .dls-hud .q {
    display: none;
  }
}
body .ml3 .ml-daylight-sim .dls-phud .chip {
  border: 0;
  padding: .3em .8em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  cursor: default;
  transition: none;
}
body .ml3 .ml-daylight-sim .dls-phud .g {
  padding: 0;
  border: 0;
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E10: урок 2, «Скаутинг на 360°» — подсказка «Тяни в стороны…»
   внизу кадра, а не поверх точек-находок; когда показана карточка находки — прячем.
   -------------------------------------------------------------------------- */
body .ml2 .w-scout .hud .scout-hint {
  top: auto;
  bottom: 10px;
  max-width: calc(100% - 24px);
}
body .ml2 .w-scout .hud:has(.scout-toast:not([hidden])) .scout-hint {
  display: none;
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E11: сетки .rules на планшете (641–900 px, где они в 2 колонки):
   третий (нечётный последний) пункт на всю ширину вместо пустой половины.
   Выше 900 px сетка 3-колоночная — правило там не действует.
   -------------------------------------------------------------------------- */
@media (min-width: 641px) and (max-width: 900px) {
  body .ml3 .rules > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E12: глоссарий — кнопка «↩» 32×32 px, в правом верхнем углу
   статьи (на уровне термина), никогда не переносится на отдельную строку.
   -------------------------------------------------------------------------- */
body .ml3 .gloss .g {
  position: relative;
}
body .ml1 .gloss .g-t,
body .ml2 .gloss .g-t {
  padding-right: 32px;
}
body .ml3 .gloss .g-back {
  position: absolute;
  top: 9px;
  right: -6px;
  width: 32px;
  height: 32px;
  margin: 0;
  display: grid;
  place-items: center;
  border-radius: 8px;
  font-size: 18px;
  line-height: 1;
}
body .ml3 .gloss .g-back:hover {
  background: rgba(137, 74, 31, .08);
}

/* --------------------------------------------------------------------------
   Ночной аудит 14.10 — E13: кнопки перехода между уроками на телефоне — обе на всю ширину.
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  body .ml3 .nav3 {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  body .ml3 .nav3 > a,
  body .ml3 .nav3 > p {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}


/* =====================================================================
   Ночной аудит 14.10 — пакет F: дефекты вёрстки лендингов
   Страницы: главная #333, /videographer/ #436, /wedding_filmmaker/ #470,
   /wedding_filmmaker_lid/ #446, /proraw/ #379, /education/ #423,
   /about_us/ #417, /anton-matis/ #904.
   Все правила привязаны к body.page-id-N, без @import.
   Цвета по D-073: светлый фон — #894a1f (hover #6b3816), тёмный — #fd7e2f.
   ===================================================================== */


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F1: тарифы /videographer/ и /wedding_filmmaker/
   на планшете (641–980 px): вместо трёх колонок по ~165 px — одна колонка
   до 560 px по центру. Заголовки тарифов переносятся, а не обрезаются.
   ПК (≥981) и телефон (≤640) не меняются.
   --------------------------------------------------------------------- */
@media (min-width:641px) and (max-width:980px){
  body.page-id-436 #brxe-6z7uyi,
  body.page-id-470 #brxe-bx8wta{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;max-width:560px;margin-left:auto;margin-right:auto;gap:24px
  }
  body.page-id-436 #brxe-6z7uyi h3,
  body.page-id-470 #brxe-bx8wta h3{overflow-wrap:break-word;hyphens:auto}
  /* «забронировать» (#436): на 768–991 Bricks сжимает до 12 px с полями 8 px — в одной колонке вернуть 14 px */
  body.page-id-436 #rec2436226833 :is(#brxe-wt8kaz,#brxe-2yqzk9,#brxe-cgi3jm){font-size:14px;padding-left:30px;padding-right:30px}
}
/* F1 попутно (все ширины): «Уточнить условия» #470 — текст был прижат влево внутри кнопки → по центру;
   у центральной коричневой кнопки текст #111 на #894a1f → белый (D-073: коричневая кнопка — белая подпись) */
body.page-id-470 #brxe-bx8wta :is(#brxe-15r7ms,#brxe-3ng3a3,#brxe-ib11tw){justify-content:center;text-align:center}
body.page-id-470 #brxe-bx8wta #brxe-3ng3a3{color:#fff}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F2: мелкий текст на телефоне (≤767 px).
   Основной текст 13 px / 1.5, подписи и мета — не меньше 12 px.
   --------------------------------------------------------------------- */
@media (max-width:767px){
  /* /videographer/: «Старт потока / Формат / Доступ» под обложкой (было 10 px) */
  body.page-id-436 #brxe-rpjzm7 :is(p,strong),
  /* /videographer/: пункты программы (было 10 px) */
  body.page-id-436 #brxe-z5me3f li,
  /* /videographer/: описания в «Как проходит обучение» (было 10 px) */
  body.page-id-436 #brxe-poa548 .brxe-text-basic,
  /* /wedding_filmmaker/: мета под обложкой (было 10 px) */
  body.page-id-470 #brxe-2kthyi :is(p,strong),
  /* /wedding_filmmaker/: описания «Кому подойдёт курс?» (было 10 px) */
  body.page-id-470 #brxe-uwvtjg .brxe-text-basic,
  /* /wedding_filmmaker/: раскрывающиеся ответы «Почему многие не доходят…» (было 10 px) */
  body.page-id-470 #brxe-u1h0bo details > div.brxe-text-basic,
  /* /wedding_filmmaker/: «Темы / пункты / Результат» в программе и текст «Дипломной работы» (было 10 px);
     заголовки модулей (h3 и p#brxe-nxn0j9) не трогаем */
  body.page-id-470 #brxe-2t1ota > div > div :is(p,li,span,strong),
  body.page-id-470 #brxe-2t1ota #brxe-1x3mns,
  /* /wedding_filmmaker/: описания и список в «Как проходит обучение» (было 10 px) */
  body.page-id-470 #brxe-ewmx9l :is(div.brxe-text-basic,li){
    font-size:13px!important;line-height:1.5!important
  }
}
/* /wedding_filmmaker/: подписи таймера «Дней / Часов…» (10 px на ≤960) и «При бронировании до…»
   в тарифах (10 px на всех ширинах) → 12 px на всех ширинах */
body.page-id-470 #brxe-jqv9ba .brxe-text-basic,
body.page-id-470 #brxe-bx8wta :is(#brxe-you6tk,#brxe-sbshag,#brxe-gstufc){
  font-size:12px!important;line-height:1.45!important
}
/* /videographer/: подпись «Мы уже провели живую встречу…» под «Интенсив 2025» — 11 px на всех ширинах → 13 px */
body.page-id-436 #brxe-nwci2j{font-size:13px;line-height:1.45}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F3: /wedding_filmmaker/ на телефоне — линия таймлайна
   «Кому подойдёт курс?» и «После курса ты поймёшь…» шла по центру через текст.
   В CSS страницы правило left:0 для ≤767 стоит раньше базового left:50%
   и проигрывает ему; здесь — с большей специфичностью. Линия встаёт
   на маркеры (x = 20 px), текст уже с отступом 24 px от линии.
   --------------------------------------------------------------------- */
@media (max-width:767px){
  body.page-id-470 #brxe-uwvtjg::before,
  body.page-id-470 #brxe-5plank::before{left:0}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F4: цвета /wedding_filmmaker/ и тарифа /videographer/
   --------------------------------------------------------------------- */
/* тёмный аккордеон «Почему многие не доходят…»: 1-й и последний пункты были чёрным Montserrat на #333 — все пункты одинаковые, светлые */
body.page-id-470 #brxe-u1h0bo summary{
  font-family:"Russo One",sans-serif;font-weight:400;color:#f8f5ee;line-height:21.6px;text-align:left
}
/* подпись «Интенсив 2025» под видео: чёрная на тёмно-сером → светлая */
body.page-id-470 #brxe-beoi57{color:#cfc6b8}
/* таймер «Дней / Часов / Минут / секунд» — оранжевый #d49354 на светлом → коричневый (D-073) */
body.page-id-470 #brxe-jqv9ba .brxe-text-basic{color:#894a1f}
/* «Курс окупается…»: выделение «профессию» #d49354 на светлом → коричневый (D-073) */
body.page-id-470 #brxe-a242ib{color:#894a1f}
/* («30 мест 19 осталось» на светлой карточке #470 уже #894a1f — общим CSS сайта) */
/* /videographer/: «30 мест 19 осталось» в тёмной карточке тарифа — общий CSS сайта ошибочно красит в коричневый; на тёмном — оранжевый */
body.page-id-436 #brxe-0m0b04 strong,
body.page-id-436 #brxe-0m0b04 s{color:#fd7e2f!important}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F5: /videographer/ — цвета вне палитры и кнопки Tilda
   --------------------------------------------------------------------- */
/* «КАК ПРОХОДИТ ОБУЧЕНИЕ»: фон #b38c70 → #e8e3d7, заголовки тёмные, иконки коричневые */
body.page-id-436 #rec1629276731{background:#e8e3d7!important}
/* скос-«клин» внизу предыдущей секции окрашен под цвет этой — тоже #e8e3d7 */
body.page-id-436 #rec1630408851::after{background:#e8e3d7!important}
body.page-id-436 #rec1629276731 h2{color:#151311!important}
body.page-id-436 :is(#ma-image-page98941796-10,#ma-image-page98941796-11,#ma-image-page98941796-12,#ma-image-page98941796-13){
  /* белые контурные иконки → #894a1f */
  filter:brightness(0) saturate(100%) invert(31%) sepia(41%) saturate(798%) hue-rotate(342deg) brightness(98%) contrast(97%)
}
/* H2 «Освой востребованную ПРОФЕССИЮ «ВИДЕОГРАФ»»: выделение #b5896a → #894a1f */
body.page-id-436 #rec1638972751 #brxe-ge08d4.brxe-heading strong{color:#894a1f}
/* полоса «РЕАЛЬНЫЕ ЛЮДИ. ЖИВЫЕ ЭМОЦИИ…»: #292929 → #151311 */
body.page-id-436 #rec1622415291{background-color:#151311}
/* скос внизу предыдущей секции «Что вы получите…» окрашен под полосу — тоже #151311 */
body.page-id-436 #rec1622200911::after{background:#151311}

/* кнопки под обложкой: /videographer/ «Хочу на курс!» / «Помочь с выбором»,
   /wedding_filmmaker/ «Хочу на курс!» / «Смотреть программу» — системные:
   скругление 30 px, Montserrat 600 15 px, поля 16×28 px, цвета D-073 (светлый фон) */
body.page-id-436 #rec2436229173 :is(#brxe-x9m0o1,#brxe-sicjt6),
body.page-id-470 #rec2376651583 :is(#brxe-4mpv95,#brxe-slsrqh){
  font-family:"Montserrat",sans-serif;font-weight:600;font-size:15px;line-height:1.3;
  letter-spacing:0;text-transform:none;padding:16px 28px;border:1.5px solid #894a1f;border-radius:30px;
  align-items:center;justify-content:center
}
body.page-id-436 #rec2436229173 #brxe-x9m0o1,
body.page-id-470 #rec2376651583 #brxe-4mpv95{background:#894a1f;color:#fff}
body.page-id-436 #rec2436229173 #brxe-x9m0o1:hover,
body.page-id-470 #rec2376651583 #brxe-4mpv95:hover{background:#6b3816;border-color:#6b3816;color:#fff}
body.page-id-436 #rec2436229173 #brxe-sicjt6,
body.page-id-470 #rec2376651583 #brxe-slsrqh{background:transparent;color:#894a1f}
body.page-id-436 #rec2436229173 #brxe-sicjt6:hover,
body.page-id-470 #rec2376651583 #brxe-slsrqh:hover{background:#894a1f;border-color:#894a1f;color:#fff}
/* рамка фокуса с клавиатуры была оранжевой на светлом — коричневая (D-073) */
body.page-id-436 #rec2436229173 :is(#brxe-x9m0o1,#brxe-sicjt6):focus-visible,
body.page-id-470 #rec2376651583 :is(#brxe-4mpv95,#brxe-slsrqh):focus-visible{outline:2px solid #894a1f;outline-offset:4px}
/* на телефоне — кнопки друг под другом во всю ширину (как .mlc-actions системы) */
@media (max-width:767px){
  body.page-id-436 #rec2436229173 #brxe-qwzaau,
  body.page-id-470 #rec2376651583 #brxe-t2clvd{flex-direction:column;align-items:stretch;gap:12px}
}
/* ссылка «Смотреть программу ↓» под кнопками #436 — тем же шрифтом, что кнопки (была Russo One 13 px) */
body.page-id-436 #rec2436229173 #brxe-mjt32z{font-family:"Montserrat",sans-serif;font-weight:600;font-size:14px}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F6: обложка /videographer/ — текст слева (D-088).
   У карточки класс mhd-center; переопределяем его: колонка текста слева,
   как на /wedding_filmmaker/, и затемнение слева направо (как у mhm-hero).
   --------------------------------------------------------------------- */
body.page-id-436 .mlc .mab-hero.mhd-center .mab-hero-in{align-items:flex-start;text-align:left}
body.page-id-436 .mlc .mab-hero.mhd-center .mab-hero-in>*{margin-left:0;margin-right:0}
body.page-id-436 .mlc .mab-hero.mhd-center :is(.mhd-author,.mlc-actions){justify-content:flex-start}
body.page-id-436 .mlc .mab-hero.mhd-center::before{
  background:linear-gradient(90deg,rgba(21,19,17,.88) 0%,rgba(21,19,17,.6) 40%,rgba(21,19,17,.2) 75%,rgba(21,19,17,.1) 100%),linear-gradient(180deg,rgba(21,19,17,0) 60%,rgba(21,19,17,.5) 100%)
}
@media (max-width:767px){
  body.page-id-436 .mlc .mab-hero.mhd-center::before{background:linear-gradient(180deg,rgba(21,19,17,.5),rgba(21,19,17,.82))}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F7: главная на планшете
   --------------------------------------------------------------------- */
/* «Почему мои студенты снимают иначе?»: коллаж (max 520 px) был прижат влево → по центру */
@media (min-width:641px) and (max-width:991px){
  body.page-id-333 #why .mhm-duo{margin-left:auto;margin-right:auto}
}
/* «Новое в блоге»: 3 карточки в сетке 2 колонки (768–991) — третья во всю ширину,
   фото слева на ширину колонки, текст справа */
@media (min-width:768px) and (max-width:991px){
  body.page-id-333 #blog .mart-pcs>.mart-pc:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row}
  body.page-id-333 #blog .mart-pcs>.mart-pc:last-child:nth-child(odd) .mart-pc-ph{flex:0 0 calc(50% - 9px);aspect-ratio:auto;min-height:220px}
  body.page-id-333 #blog .mart-pcs>.mart-pc:last-child:nth-child(odd) .mart-pc-tx{justify-content:center}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F8: /about_us/ и /anton-matis/ на планшете —
   фото пары / фото автора были прижаты влево (справа ~280–300 px пусто) → по центру колонки
   --------------------------------------------------------------------- */
@media (min-width:641px) and (max-width:991px){
  body.page-id-417 #story .mab-story-ph,
  body.page-id-904 #top .mart-hero-ph{width:100%;margin-left:auto;margin-right:auto}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F9: /wedding_filmmaker_lid/ «Главная ошибка новичков»:
   первый абзац был прижат влево при заголовке и выводе по центру →
   абзац по центру колонки, ширина ≤ 720 px (на телефоне не меняется)
   --------------------------------------------------------------------- */
@media (min-width:641px){
  body.page-id-446 #brxe-5mtvsq #brxe-kxttsf{max-width:720px;margin-left:auto;margin-right:auto;margin-top:14px;text-align:center}
  body.page-id-446 #brxe-5mtvsq #brxe-kxttsf p{text-align:center}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F10: /proraw/ на телефоне — длинный чип
   «разбираться в сложных настройках заранее» упирался в рамку карточки
   (white-space:nowrap, текст вылезал за край «пилюли») → разрешить перенос внутри чипа;
   радиус 18 px: однострочный чип (высота ~37 px) выглядит как прежде, двухстрочный — скруглённый прямоугольник
   --------------------------------------------------------------------- */
@media (max-width:767px){
  body.page-id-379 .mlc .mlc-chips .mlc-chip{white-space:normal;max-width:100%;line-height:1.35;border-radius:18px}
}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F11: /education/ «Как устроено обучение»:
   чёрные стандартные маркеры → коричневые #894a1f и отступ 18 px, как на главной (.mhm-list)
   --------------------------------------------------------------------- */
body.page-id-423 #inside .mlc-col ul{padding-left:18px}
body.page-id-423 #inside .mlc-col li::marker{color:#894a1f}


/* ---------------------------------------------------------------------
   Ночной аудит 14.10 — F12: /wedding_filmmaker/ «Программа курса» —
   развалившийся зигзаг (заголовки модулей то справа, то слева, списки всегда слева)
   → одна колонка 1040 px по центру, заголовок модуля над списком, всё слева,
   модули разделены тонкой линией. На всех ширинах.
   --------------------------------------------------------------------- */
body.page-id-470 #brxe-2t1ota{max-width:1040px;margin-left:auto;margin-right:auto}
body.page-id-470 #brxe-2t1ota h3,
body.page-id-470 #brxe-2t1ota > div > div{text-align:left}
body.page-id-470 #brxe-2t1ota > div + div{border-top:1px solid #e3dbcf;margin-top:20px;padding-top:24px}