/* Блок ig-topbar. Перенесён из выгрузки 2. Дизайн/1. этап/2026-09-19 (blocks/shell.css). */

/* Приветствие и пилюли разделов */

.ig-topbar {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.ig-topbar__row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}

.ig-topbar__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.ig-topbar__sub {
  font-size: 14px;
  line-height: 20px;
  color: var(--ink-600);
}

/* Добавлено при переносе: кнопка «На главную» - первая пилюля ряда разделов на всех экранах,
   кроме главной (Никита 22.09.2026); залита фирменным цветом, чтобы отличаться от пилюль разделов */

.ig-pill.ig-topbar__home {
  background: var(--brand-600);
  border-color: var(--brand-600);
  color: var(--ink-0);
}

.ig-pill.ig-topbar__home:hover {
  background: var(--brand-700);
  border-color: var(--brand-700);
}

.ig-pill.ig-topbar__home .ig-icon {
  color: inherit;
}

.ig-topbar__nav {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}