/* pbn-enhance.css — дополнения к style.css макета под токен-движок BablO$.
   Генерирует bin/pbn/advokat-ko_2_pages.php: руками не править, перезапишется при следующем прогоне. */

/* Иконки в строках MIGX: в значении хранится ключ, форма — маской из SVG макета,
   цвет — currentColor обёртки (.step__ic, .regalia__ic) */
i.ic{display:inline-block;vertical-align:top;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

/* Условные блоки макета (if в его PHP): пустое значение — блока нет */
.page-hero__lead:empty,.meta:empty,.blog-lead:empty,.price-note:empty{display:none}
.comment:not(.is-author) .comment__badge{display:none}
.blog-feed + .blog-empty{display:none}
.blog-feed:empty + .blog-empty{display:block}

/* Ответ формы — как .form-ok макета */
.bf-msg{background:var(--paper);border-left:3px solid var(--aqua);padding:18px 22px;margin-bottom:28px;font-size:var(--fs-small)}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле .pager__nums макета */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:32px 0 0!important}
.pdo-pagenav .pdo-pagebtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px!important;height:40px!important;padding:0 10px!important;border:1px solid var(--hairline)!important;border-radius:0!important;background:var(--paper)!important;color:var(--burgundy)!important;font-family:var(--font-display);font-weight:700;font-size:15px;cursor:pointer;transition:background-color 160ms ease,color 160ms ease}
.pdo-pagenav .pdo-pagebtn:hover{background:var(--sand-100)!important;color:var(--ink)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--burgundy)!important;border-color:var(--burgundy)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.35;cursor:default}

/* Тексты, перенесённые с прежнего сайта: картинки, видео и таблицы WordPress */
.prose img{max-width:100%;height:auto}
.prose iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:0 0 1.2em}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.prose td,.prose th{padding:8px 10px;border:1px solid #DCD8D2;vertical-align:top}
i.ic--document{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202.5H6.5v19h11V6l-3.5-3.5Z%22%2F%3E%3Cpath%20d%3D%22M14%202.5V6h3.5%22%2F%3E%3Cpath%20d%3D%22M9.5%2012h5M9.5%2015.5h5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--scales{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5v17M6%206.7h12M4.5%2020.5h15%22%2F%3E%3Cpath%20d%3D%22m6%206.7-3%206h6l-3-6ZM18%206.7l-3%206h6l-3-6Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--handshake{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2.5%2012%204-4%203.5%201.5L12%208l2%201.5L17.5%208l4%204-4%204-2-1.5%22%2F%3E%3Cpath%20d%3D%22m9%2013.5%202%202%202-2%202%202%22%2F%3E%3C%2Fsvg%3E")}
i.ic--shield{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.6%204.5%205.7v6c0%204.6%203.1%208.4%207.5%209.7%204.4-1.3%207.5-5.1%207.5-9.7v-6L12%202.6Z%22%2F%3E%3Cpath%20d%3D%22m8.8%2011.9%202.3%202.4%204.1-4.4%22%2F%3E%3C%2Fsvg%3E")}
i.ic--book{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204.5h6a3%203%200%200%201%203%203v12a2.4%202.4%200%200%200-2.4-2.2H4v-12.8Z%22%2F%3E%3Cpath%20d%3D%22M20%204.5h-6a3%203%200%200%200-3%203v12a2.4%202.4%200%200%201%202.4-2.2H20v-12.8Z%22%2F%3E%3C%2Fsvg%3E")}

/* --- правка владельца 2026-09-21: герой, форма вопроса, навигация по услугам раздела --- */

/* Герой главной: форма вопроса стоит ВНУТРИ кадра (.hero__media > .container > .layout — колонки страниц
   с сайдбаром). Высоту героя задаёт содержимое, а не пропорция кадра, фото — подложка. Правила, равные
   макетным по специфичности, выигрывают порядком: pbn-enhance.css подключён после style.css */
.hero__media{aspect-ratio:auto;max-height:none}
.hero__media>.container{position:relative;display:block}
.hero__media .hero__card{margin-top:0}
/* уже 1024px колонки встают друг под друга: фото — полоса 56.25vw в пределах 200–300px (от 900px — 340px)
   с H1 у нижней кромки, форма — под полосой на бордовом фоне героя. 200px — воздух над H1 из 5 строк на 320px.
   Стопы затемнения макета гаснут уже на 62% высоты, и на низкой полосе верхняя строка H1 оставалась без
   подложки — поэтому затемнение тянется до верха полосы */
@media (max-width:1023.98px){
  .hero__media{--band:max(200px,min(56.25vw,300px))}
  .hero__media>img{position:absolute;top:0;left:0;height:var(--band)}
  .hero__media::after{bottom:auto;height:var(--band);
    background:linear-gradient(to top,rgba(21,44,46,.8) 0%,rgba(21,44,46,.55) 50%,rgba(21,44,46,.35) 100%)}
  .hero__media>.container{padding-bottom:24px}
  .hero__media .layout{gap:20px}
  .hero__media .layout__main{display:flex;align-items:flex-end;min-height:var(--band);padding-bottom:clamp(12px,2vh,20px)}
}
@media (min-width:900px) and (max-width:1023.98px){.hero__media{--band:340px}}
/* от 1024px: фото на всю площадь, форма справа, H1 ВВЕРХУ вровень с формой — прижатый к низу высокого
   героя, он уходил под сгиб ноутбука и оставлял над собой пустой кадр. Затемнение поэтому сверху вниз:
   под H1 плотно, к низу фото открывается */
@media (min-width:1024px){
  .hero__media>img{position:absolute;inset:0}
  .hero__media::after{background:linear-gradient(to bottom,rgba(21,44,46,.78) 0%,rgba(21,44,46,.5) 35%,rgba(21,44,46,0) 70%)}
  .hero__media>.container{padding-block:clamp(28px,4vh,44px)}
  /* кегль по ширине колонки 8fr (расчёт под Roboto Condensed): макет ставит строку на каждый <span>, а при
     72px «Защита по уголовным» в колонку не влезала и H1 рвался на 4 строки; 40px — страховка снизу */
  .hero__media .hero__title{font-size:clamp(40px,5.65vw - 8.5px,60px)}
  /* карточка задаёт высоту героя — плотнее, чтобы форма с кнопкой была в первом экране ноутбука */
  .hero__media .hero__card{padding:28px}
  .hero__media .hero__card h2{margin-bottom:14px}
}

/* Форма вопроса (в герое и в сайдбаре услуг). Поля, кнопка и подписи — классы макета
   (.field__textarea, .btn--primary, .form-note); своё — только раскладка подвала формы и метка «online» */
.qform{position:relative}
.qform__form{display:block}
.qform .field__textarea{min-height:104px}
.qform__foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:14px}
.qform__legal{flex:1 1 260px;min-width:0}
.qform__legal .form-note{margin:0}
.qform__legal .form-note+.form-note{margin-top:4px}
.qform__foot .btn{flex:0 0 auto}
/* метка «online» — декор (aria-hidden в чанке); текст тёмный: белый на aqua давал 1.77:1 */
.qform__online{position:absolute;top:-12px;right:-12px;display:inline-flex;align-items:center;gap:6px;
  background:var(--aqua);color:var(--ink);border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;line-height:1.6}
.qform__online::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.qform--aside{background:var(--sand-100);padding:22px}
.qform--aside .qform__online{top:-10px;right:-10px}
.qform--aside .qform__foot{margin-top:12px}
/* на узком экране сайдбар встаёт под текст — форму НЕ прячем, это точка обращения на странице услуги */
@media (max-width:1023.98px){.qform--aside{margin-bottom:24px}}

/* Навигация по услугам раздела в tpl_svc_group: тот же список .rows/.row-link, в две колонки на широком экране */
.svc-nav{margin:0 0 28px}
.svc-nav>h3{margin:0 0 10px}
@media (min-width:700px){.svc-nav .rows{columns:2;column-gap:40px}.svc-nav .rows>li{break-inside:avoid}}
/* --- конец правки 2026-09-21 --- */

/* --- правка владельца 2026-09-21 (каталог услуг): вкладки «Гражданам» / «Бизнесу» --- */

/* Сами вкладки — штатный компонент макета: кнопки .map__tab в .map__tabs, панели прячет main.js.
   Здесь только раскладка длинных списков разделов в колонки — их стало 41 вместо трёх */
/* мегаменю видно только от 900px (ниже — мобильное меню); каталог занимает три трека сетки
   .mega__in, как три прежние колонки, блок «Консультация» остаётся на своём месте справа.
   Строки — компактные макетные .mega__link: у .row-link высота вдвое больше, меню не влезало в экран */
.mega__cats{grid-column:1 / 4;min-width:0}
.mega__cats .map__tabs{margin-bottom:12px}
.mega__cats-list{columns:3;column-gap:28px}
.mega__cats-list>li,.svc-catalog .rows>li{break-inside:avoid}

/* Каталог на странице «Услуги» */
.svc-catalog{margin:0 0 28px}
@media (min-width:700px){.svc-catalog .rows{columns:2;column-gap:40px}}

/* Вкладки в сайдбаре узкие — кнопки жмутся по ширине колонки */
.side-tabs{margin-bottom:12px}
.side-tabs .map__tab{flex:1 1 auto;justify-content:center;text-align:center}
.sidebar__block .btn-text{margin-top:12px}
/* Каталог в сайдбаре — до 36 строк: у .row-link 14px сверху и снизу, колонка вырастала до 1900px */
.svc-side .row-link{padding-block:7px;font-size:var(--fs-small);line-height:1.35}
.svc-side .row-link:hover{padding-inline:8px}

/* Мобильное меню бордовое: макетная активная вкладка того же бордового цвета сливалась с фоном,
   а белая неактивная читалась как выбранная. На тёмном фоне активная — акцентная (как «Услуги») */
.mnav .map__tab{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.mnav .map__tab:hover{border-color:var(--aqua);color:var(--aqua)}
.mnav .map__tab.is-active{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}
.mnav .side-tabs{margin:4px 0 8px}

/* --- конец правки каталога 2026-09-21 --- */

/* --- правка владельца 2026-09-21 (шапка): фон светлее макетного --burgundy, прилипание и тень — как в макете --- */
.header {
    background: #81273d;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: none;
}
/* --- конец правки шапки 2026-09-21 --- */

/* --- правка владельца 2026-09-23: шапка без поиска, главная, типографика текстов, таблицы, лид-форма --- */

/* Шапка без поиска: в .header__tools остался только бургер, а от 900px он скрыт — пустой флекс-элемент
   всё равно получал gap .header__in, и меню не доходило до правого края контейнера */
@media (min-width:900px){.header__tools{display:none}}

/* Герой: текст и две кнопки под H1 (.hero__intro в .layout__main, после h1) */
.hero__intro{margin-top:clamp(18px,2.6vh,28px)}
.hero__lead{margin:0;max-width:34em;font-size:var(--fs-lead);line-height:1.55;color:#fff}
.hero__lead:empty{display:none}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
/* у --outline рамка и padding не как у --primary — высоту кнопок выравниваем явно */
.hero__btns .btn{min-height:50px;padding-block:0;padding-inline:26px;font-size:14px;justify-content:center}
@media (min-width:1024px){
  /* текст ниже H1 попадал туда, где затемнение «сверху вниз» гасло до нуля, и белые буквы ложились на
     светлые полки фото. Затемнение теперь слева направо: под колонкой текста плотно, к карточке формы слабее */
  .hero__media::after{background:linear-gradient(90deg,rgba(21,44,46,.86) 0%,rgba(21,44,46,.7) 45%,rgba(21,44,46,.35) 75%,rgba(21,44,46,.2) 100%)}
  .hero__lead{text-shadow:0 1px 2px rgba(21,44,46,.4)}
}
@media (max-width:1023.98px){
  /* H1 остаётся у нижней кромки фото-полосы, текст и кнопки — под ней на бордовом фоне героя.
     Флекс-строка .layout__main (выше в этом файле) поставила бы их справа от H1 — поэтому две строки сетки */
  .hero__media .layout__main{display:grid;grid-template-rows:minmax(var(--band),auto) auto;align-items:end;min-height:0;padding-bottom:0}
  .hero__media .hero__title{padding-bottom:clamp(12px,2vh,20px)}
  .hero__intro{margin-top:0;padding-top:14px}
  .hero__lead{color:var(--on-burgundy)}
}
@media (max-width:479.98px){.hero__btns .btn{flex:1 1 100%}}

/* «Направления работы» на главной: вкладки «Гражданам»/«Бизнесу» — штатные .map__tabs, панели прячет main.js */
.svc-home__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin:0 0 var(--head-gap)}
.svc-home__head .sect-title,.svc-home__head .map__tabs{margin:0}
.svc-home .map__tab{padding:14px 28px;font-size:14px}
.svc-home .rows>li{break-inside:avoid}
@media (min-width:600px){.svc-home .rows{columns:2;column-gap:var(--gap)}}
@media (min-width:900px){.svc-home .rows{columns:3}}
@media (max-width:599.98px){.svc-home .map__tabs{width:100%}.svc-home .map__tab{flex:1 1 0;justify-content:center;text-align:center}}

/* «Как строится работа» без иконок: номер — единственный графический якорь шага, под ним акцентная черта;
   на узком экране номер слева от заголовка и текста */
.step__num{margin-bottom:0}
.step__num::after{content:"";display:block;width:32px;height:3px;margin:14px 0 16px;background:var(--aqua)}
@media (max-width:899.98px){
  .step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-items:start}
  .step__num{grid-row:1 / span 2}
  .step__num::after{display:none}
  .step__title{margin-top:6px}
}

/* «Дела наши уголовные» — заголовок над тремя карточками; текст и ссылки абзацев ch_note_p прежние */
.notes-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.notes-grid>p{margin:0;padding:clamp(22px,2.4vw,32px);background:var(--paper);border-top:3px solid var(--burgundy);
  font-size:var(--fs-small);line-height:1.6;color:var(--ink)}
@media (min-width:900px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}}

/* ---- Тексты статей, услуг, разделов (.prose) ---- */
.prose{line-height:1.7}
/* только прямые потомки: вложенные абзацы (.pullquote p, ячейки, цитаты) держат макетные отступы,
   а последний блок текста — нулевой, как p:last-child макета (иначе лишние 20px внизу карточки услуги) */
.prose > p{margin-bottom:1.15em}
.prose > :last-child{margin-bottom:0}
/* заголовки в тексте — длинные фразы: капсом при 30px они шли в 3 строки с межстрочным 1.05 */
.prose :is(h1,h2,h3,h4){text-transform:none;letter-spacing:0;line-height:1.2}
/* h1 в тексте — markdown «# …» из генерации (второй H1 на странице): держим в размере h2 */
.prose h1,.prose h2{font-size:clamp(24px,1.2rem + .9vw,30px);color:var(--burgundy);margin:2em 0 .6em}
.prose > :is(h1,h2)::before{content:"";display:block;width:36px;height:3px;margin:0 0 14px;background:var(--aqua)}
.prose h3{font-size:clamp(20px,1.1rem + .35vw,23px);color:var(--ink);margin:1.6em 0 .5em}
.prose h4{font-family:var(--font-text);font-size:18px;font-weight:600;color:var(--ink);margin:1.4em 0 .4em}
.prose :is(h2,h3,h4) + :is(h2,h3,h4){margin-top:.5em}
.prose > :is(h1,h2,h3,h4):first-child{margin-top:0}
.prose :is(h2,h3) a{color:inherit;text-decoration:none}
.prose :is(h2,h3) a:hover{text-decoration:underline}
.prose ul{list-style:square}
.prose :is(ul,ol){padding-left:1.4em}
.prose li{margin-bottom:.5em;padding-left:.2em}
.prose ol>li::marker{font-family:var(--font-display);font-weight:700}
.prose li>:is(ul,ol){margin:.5em 0 0}
.prose a:not(.btn){text-decoration-color:rgba(92,25,41,.35);transition:color 160ms ease,text-decoration-color 160ms ease}
.prose a:not(.btn):hover{color:var(--ink);text-decoration-color:currentColor}
/* цитата — чертой, без плашки: в текстах WordPress в blockquote бывает вся страница (/sovety/, 4000px) */
.prose blockquote{margin:28px 0;padding:2px 0 2px 24px;border-left:3px solid var(--burgundy);color:var(--ink)}
.prose blockquote>:last-child{margin-bottom:0}
/* в услуге текст лежит на песочной .overlap__card — песочный вынос сливался бы с фоном */
.overlap__card .prose .pullquote{background:var(--paper)}
.prose hr{margin:40px 0}

/* ---- Таблицы в тексте ----
   Таблица с данными — от двух столбцов. Одноколоночные таблицы WordPress — обёртки вёрстки (вся статья в одной
   ячейке, видео, список аудиозаписей строками): как данные их не оформляем, только снимаем рамки ячеек;
   короткие одноячеечные промо-вставки и подписи — врезкой */
.prose table{margin:28px 0}
.prose table:not(:has(td + td, th + th)) :is(td,th){padding:0;border:0}
.prose table:has(td + td, th + th){background:var(--paper);border:1px solid var(--hairline);font-size:var(--fs-small);line-height:1.5;font-variant-numeric:tabular-nums}
.prose table:has(td + td, th + th) :is(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}
.prose :is(td,th) + :is(td,th){border-left:1px solid var(--hairline)}
.prose :is(td,th)>:last-child{margin-bottom:0}
.prose thead th{background:var(--burgundy);color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;
  text-transform:uppercase;letter-spacing:.04em;line-height:1.25;border-bottom:0}
.prose table:has(td + td, th + th) tbody tr:nth-child(even)>td{background:var(--sand-100)}
/* строка-заголовок с colspan — не в зебру (та же специфичность, что у правила зебры, и объявлена позже) */
.prose table:has(td + td, th + th) tbody tr>td[colspan]{background:var(--sand-200);font-weight:600}
/* таблицы WordPress без <thead>: заголовки столбцов — первая строка из <td>; у таблиц из двух строк
   («Автор: … / Тема: …») первая строка — данные, не шапка */
.prose table:has(td + td):not(:has(thead)):has(tr + tr + tr)>tbody>tr:first-child>td{background:var(--sand-200);font-weight:600;border-bottom:2px solid var(--burgundy)}
/* однoячеечные вставки — врезкой. Не трогаем ячейку из нескольких абзацев (вся статья, /2012/03/moy-syn-osuzhden/)
   и видео: блоком становятся и tbody/tr — иначе вокруг них анонимная таблица по ширине содержимого */
.prose table:not(:has(tr + tr)):not(:has(td + td)):not(:has(p + p)):not(:has(iframe)){display:block;width:auto;border-left:3px solid var(--burgundy);background:var(--sand-100)}
.prose table:not(:has(tr + tr)):not(:has(td + td)):not(:has(p + p)):not(:has(iframe)) :is(tbody,tr,td){display:block}
.prose table:not(:has(tr + tr)):not(:has(td + td)):not(:has(p + p)):not(:has(iframe)) td{padding:16px 22px}
.prose table:not(:has(tr + tr)):not(:has(td + td)) :is(h2,h3){margin:0;font-size:var(--fs-lead)}
.prose table:not(:has(tr + tr)):not(:has(td + td)) :is(h2,h3)::before{display:none}
/* узкий экран: таблица из трёх и более столбцов становится блоком с горизонтальной прокруткой, а ячейки
   держат минимальную ширину — иначе столбцы сжимались до слова в строке */
@media (max-width:767.98px){
  .prose table:has(tr > :nth-child(3)){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .prose table:has(tr > :nth-child(3)) :is(td,th){min-width:150px}
  .prose table:has(td + td, th + th) :is(th,td){padding:10px 12px}
}

/* ---- Лид-форма внутри текста статьи (вставляет скрипт ch_art_lead раз в N символов) ---- */
.lead-inline{position:relative;clear:both;margin:36px 0;padding:clamp(22px,3vw,32px) clamp(22px,3vw,32px) clamp(22px,3vw,32px) clamp(26px,3.4vw,36px);background:var(--burgundy);color:#fff}
.lead-inline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--aqua)}
.prose .lead-inline__title{margin:0 0 8px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(19px,1.05rem + .5vw,23px);line-height:1.15;letter-spacing:.02em;color:#fff}
.prose .lead-inline__text{margin:0 0 18px;font-size:var(--fs-small);line-height:1.55;color:var(--on-burgundy)}
.lead-inline__title:empty,.lead-inline__text:empty{display:none}
.lead-inline__form{display:flex;flex-wrap:wrap;gap:10px}
.lead-inline__form .field{flex:1 1 220px;margin:0}
.lead-inline__form .btn{flex:0 0 auto;min-height:48px;padding-inline:24px;justify-content:center}
.prose .lead-inline__note{flex-basis:100%;margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--on-burgundy-soft)}
/* подчёркивание .prose a — полупрозрачное бордовое, на бордовом фоне его не видно: ссылка различалась бы только цветом */
.prose .lead-inline a:not(.btn){color:#fff;text-decoration-color:currentColor}
.prose .lead-inline a:not(.btn):hover{color:var(--aqua)}
.lead-inline :focus-visible{outline-color:var(--sand-100)}
.lead-inline .bf-msg{flex-basis:100%;margin:0;color:var(--ink)}
@media (max-width:479.98px){.lead-inline__form .btn{width:100%}}

@media print{.hero__btns,.lead-inline{display:none!important}}
/* --- конец правки 2026-09-23 --- */

/* --- правка владельца 2026-09-25: плашка «Экспертиза» на главной без фото над ней --- */
/* отрицательный margin-top .overlap__card наезжал на фото; без фото он затянул бы плашку на показатели —
   отступ над плашкой теперь даёт нижний padding секции показателей, под ней — верхний padding «Направлений» */
.overlap--flat .overlap__card{margin-top:0}
/* --- конец правки 2026-09-25 --- */