/* ==========================================================================
   Правила движка поверх kb.css: то, чего в референсе нет, потому что там
   нет этих страниц (глоссарий, полнотекстовый поиск). Только токены.
   Подключается последним: fonts → tokens → site → kb → app.
   ========================================================================== */

/* Совпадение в результатах поиска — на жёлтой ступени, как карточка
   «внимание», текст не перекрашивается */
.payload-richtext mark {
  padding-inline: var(--spacing-xxxs);
  border-radius: var(--radius-s);
  background: var(--color-warning-22);
  color: inherit;
}

/* Строка под результатом: раздел статьи и фрагмент текста */
.kb-hit__meta {
  display: block;
  font-size: var(--text-p2);
  line-height: var(--text-p2--line-height);
  color: var(--color-text-secondary);
}

/* Синонимы термина в глоссарии — вторичным цветом, обычным весом */
.kb-term__aliases {
  font-size: var(--text-p2);
  line-height: var(--text-p2--line-height);
  font-weight: var(--font-weight-body);
  color: var(--color-text-secondary);
}

/* Подпись под описанием раздела: сколько статей */
.kb-muted { color: var(--color-text-secondary); }

/* ── Починка референса: кадр лайтбокса ──────────────────────────────────
   .kb-lightbox__slide — grid с одной авто-строкой. Высота такой строки
   считается по содержимому, а «height: 100%» у картинки внутри неё на этом
   этапе равно auto — то есть высоте картинки при ширине кадра. Широкий
   скриншот (как в макете) ниже экрана, и строка растягивается до кадра;
   высокий — выше, строка растёт вместе с ним, и картинка уезжает за низ
   экрана вместо того, чтобы вписаться. Строка и колонка размером ровно
   в кадр (minmax(0, 1fr)) — и 100% снова означает кадр.
   ⚠️ Правка к kb.css референса, сообщить дизайнеру */
.kb-lightbox__slide {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.kb-lightbox__img { min-height: 0; min-width: 0; }