/* Шапка на средних экранах (примерно 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; }
