/* Подвал онлайн-сайта — тот же, что у robolatoriya.com: блоки скопированы
   из robolatory/style.css («Подвал: меню не наезжает на логотип» и «Подвал
   компактнее») буква в букву, тест сверяет. Правишь там — копируй сюда. */
/* ===== Подвал: меню не наезжает на логотип =====
   Меню собирают в админке, а два пункта («Эндаумент-фонд», «Ключевая ставка и
   курсы ЦБ») дописывают фильтры темы. Блок меню был шириной «по содержимому»
   (max-content) и не сжимался: с новыми пунктами он вырос и наехал на логотип —
   копирайт слипся с пунктом меню («РОБОЛАТОРИЯНовости»). Теперь блок
   сжимается и стоит через зазор от логотипа, а длинный пункт переносится.
   Сетку не трогаем: порядок пунктов в админке расставлен под неё построчно, и
   колонки у неё смысловые. */
.footer__content { gap: 48px; }
.footer__info {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .footer__content { gap: 0; }
}

/* ===== Подвал компактнее =====
   Пункты меню шли 21px жирным с 15px между строками, плюс по 30px полей
   сверху и снизу и 15px под логотипом: три строки меню занимали больше места,
   чем стоило, и подвал читался рыхлым. Шрифт и зазоры ужаты, колонки и
   порядок пунктов прежние — их расставляют в админке под эту сетку.
   На телефоне меню идёт в две колонки, а не одной лентой во весь экран. */
.footer { padding: 22px 0; }
.footer__logo img { margin-bottom: 8px; }
.footer__logo strong { font-size: 15px; }
.footer__menu { row-gap: 6px; -webkit-column-gap: 48px; column-gap: 48px; }
.footer__menu li { line-height: 1.25; }
.footer__menu li a { font-size: 16px; line-height: 1.25; }
@media (max-width: 1220px) {
  .footer__menu { -webkit-column-gap: 28px; column-gap: 28px; }
  .footer__menu li a { font-size: 15px; }
}
@media (max-width: 992px) {
  .footer__logo { margin-bottom: 16px; }
  .footer__menu { margin-bottom: 14px; }
}
@media (max-width: 740px) {
  .footer { padding: 20px 0 18px; }
  .footer__menu {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 16px;
    column-gap: 16px;
    row-gap: 8px;
    margin-bottom: 12px;
    width: 100%;
  }
  .footer__menu li a { font-size: 15px; }
}