/* Шапка на средних экранах (примерно 1200–1330 px, а также при увеличении
   страницы на большом мониторе) не помещалась в одну строку: логотип, меню,
   иконки мессенджеров и кнопка считаются по своей исходной ширине, между ними
   стоит зазор 50 px, и правая группа переносилась на вторую строку.
   Уменьшаем зазор и разрешаем блоку с логотипом сжиматься до ширины картинки.
   Шире 1330 px всё и так помещалось — там ничего не меняем. */
@media screen and (min-width: 1200px) and (max-width: 1330px) {
  .t-menu-base__maincontainer { column-gap: 24px !important; }
  .t-menu-base__logowrapper   { flex: 0 1 auto !important; }
}

/* Адрес офиса в карточке автора.
   1. text-wrap: balance — на телефоне строка не помещалась в одну строку, и при
      обычном переносе на второй оставался обрывок, голый номер офиса («520»,
      «83», «12»). Браузер сам делит строку на две равные части.
   2. margin — в коде блока стоял отступ -6px сверху и 24px снизу, из-за чего
      текст подлезал под виджет рейтинга Яндекса, а до разделительной линии
      снизу оставалась широкая щель. Ставим 18px сверху; снизу те же 18px даёт
      собственный отступ линии, с которым этот слипается.
   Три селектора: в коде блока лежит своё правило с id — на городских страницах
   это #kmh-root, на обзорной #kl-intro. Перебиваем их селекторами с двумя id. */
#kah-shell .kah-who > .kah-role,
#kah-shell #kmh-root .kah-who > .kah-role,
#kah-shell #kl-intro .kah-who > .kah-role { text-wrap: balance; margin: 18px 0 0; }

/* Примечания под блоком «Не знаете, с чего начать?» (.kmn).
   В коде блока строка размечена сеткой под иконку и текст:
   grid-template-columns: 22px minmax(0,1fr). Но иконки в разметке нет, и голый
   текст становится безымянным элементом сетки — он попадает в первую колонку
   шириной 22 px, где каждое слово встаёт на свою строку. Текст рассыпается
   в столбик: 18 слов — 18 строк.
   Заменяем сетку на flex. Там, где иконки нет, текст занимает всю ширину
   строки; там, где иконка есть (страница /yurist-dlya-klinik), она остаётся
   на месте и вид не меняется — проверено на обеих.
   !important нужен: правило .kmn-row лежит в коде блока, который подключается
   после этого файла, и без него не перебивается. */
.kmn .kmn-row { display: flex !important; align-items: flex-start; gap: 12px; }
.kmn .kmn-ico { flex: none; }
