/* Вертикальный ритм инструментов пачки.
   ⚠️ Собственные margin у заголовков внутри инструмента проигрывали киту:
   `.kit h2` задаёт font-size 34px и margin 0 с большей специфичностью, чем
   одиночный класс вроде `.um-h2`. Из-за этого подзаголовок панели вырастал
   до размера заголовка секции и слипался с соседним блоком. Перебиваем
   селектором от body и заодно разводим верхнеуровневые блоки по вертикали. */
body.kit .calc-section > .reveal > * { margin-top: 26px; }
body.kit .calc-section > .reveal > *:first-child { margin-top: 0; }
/* Заголовок ВНУТРИ панели — это подпись колонки («Текст», «Исходный JSON»),
   и 34px от кита рядом с полем ввода выглядят как заголовок раздела.
   Правило идёт ПЕРВЫМ: у него та же специфичность, что у соседнего правила
   для верхнеуровневых заголовков, и побеждает тот, кто ниже. */
body.kit .calc-section > .reveal * h2 {
  font-size: 17px; line-height: 1.3; letter-spacing: 0; font-weight: 600;
  margin: 0 0 8px; }
body.kit .calc-section > .reveal * h3 {
  font-size: 15px; line-height: 1.35; font-weight: 600; margin: 0 0 6px; }
body.kit .calc-section > .reveal > h2 {
  font-size: 23px; line-height: 1.25; letter-spacing: -.01em; font-weight: 700;
  margin: 58px 0 0; }
body.kit .calc-section > .reveal > h3 {
  font-size: 18px; line-height: 1.3; font-weight: 600; margin: 40px 0 0; }
body.kit .calc-section > .reveal > h2 + *,
body.kit .calc-section > .reveal > h3 + * { margin-top: 16px; }
/* Пустые заглушки под заголовком («Сводка появится после разбора») не должны
   выглядеть прижатыми к следующему заголовку. */
body.kit .calc-section > .reveal > *[class*="-hint"] { margin-top: 12px; }
@media (max-width: 760px) {
  body.kit .calc-section > .reveal > * { margin-top: 20px; }
  body.kit .calc-section > .reveal > h2 { font-size: 20px; margin-top: 42px; }
  body.kit .calc-section > .reveal > h3 { margin-top: 30px; }
}