/* ─────────────────────────────────────────────────────────────
   Кит-скин страниц базы /baza/<slug>/ — добавка к kit-article.css.

   Каркас у базы тот же, что у статей блога, поэтому основной скин
   переиспользуется как есть. Здесь только то, чего у блога нет:
   плашка канала .baza-src и лента «Ещё из базы» на .kit-own.

   Подключается ПОСЛЕ инлайновых <style> страницы; селекторы ведём
   от body.kit — у правил генератора один класс, у наших два.
   ───────────────────────────────────────────────────────────── */

/* ── 1. Плашка «Пишу об этом в Telegram» ─────────────────────
   В старом макете это была голубая плашка с градиентом и синей
   кнопкой — единственное цветное пятно посреди текста. На ките
   она становится такой же карточкой, как врезки статьи, а цвет
   остаётся только у самой иконки канала. */
body.kit .baza-src { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); box-shadow: var(--sh-1);
  padding: 16px 20px; margin: 26px 0; gap: 14px; }
body.kit .baza-src .tg { width: 36px; height: 36px; border-radius: 999px;
  background: #2AABEE; }
body.kit .baza-src .tg svg { width: 19px; height: 19px; }
body.kit .baza-src .t { font-size: 15px; line-height: 1.55; color: var(--muted);
  font-family: var(--font); }
body.kit .baza-src .t b { color: var(--ink); font-weight: 600; }
body.kit .baza-src a.go { background: var(--surface); border: 1px solid var(--border);
  color: var(--muted); font-size: 14px; padding: 9px 16px;
  border-radius: var(--r-md); font-family: var(--font);
  transition: border-color .15s, color .15s; }
body.kit .baza-src a.go:hover { background: var(--surface);
  border-color: var(--brand); color: var(--brand); }
@media (max-width: 640px) {
  body.kit .baza-src { flex-wrap: wrap; }
  body.kit .baza-src a.go { margin-left: 0; width: 100%; text-align: center; }
}

/* ── 2. «Ещё из базы» ────────────────────────────────────────
   Блок свёрстан китовыми карточками .kit-own, но kit.css на этих
   страницах раньше не подключался, и ссылки шли голым списком.
   Скин подключает kit.css, здесь остаётся только ритм. */
body.kit main > section.bz-more-band { margin-top: 34px; }
body.kit .bz-more-band .kit-own b { font-size: 16px; }

/* ── 3. Заголовки секций под текстом ─────────────────────────
   Генератор базы ставит размер прямо в атрибуте (font-size:24px),
   инлайн правилом не перебить — ведём через сам блок .ttl. */
body.kit main > section.section > .ttl { margin-bottom: 4px; }
body.kit main > section.section > .ttl h2 { line-height: 1.2;
  letter-spacing: -.02em; font-weight: 700; color: var(--ink); }
