/* Стол тоже на английском. Макет: V2UOF (1440) и pbiDG (390).

   Фон секции - fill #0C2019, совпадает с --bg (не --bg-deep).

   Вертикальный ритм секции в данных макета - padding [110, 56] на
   десктопе, а не общие 116 у .hw-sec из prazdnik.css (там же проверено:
   у остальных блоков праздника везде буквально 116, здесь - 110,
   реальное отличие макета, не шум измерения). Править общий файл
   нельзя, поэтому высота переопределена здесь, у более специфичного
   правила, подключённого после prazdnik.css. На мобильной ширине в
   макете те же 52, что и везде, но правило .ch-table{padding-block:110px}
   не знает о ширине экрана и бьёт общий .hw-sec{padding-block:52px} из
   prazdnik.css даже на телефоне - оба правила одной специфичности,
   выигрывает порядок подключения файла, а не медиа-условие. Поэтому 52
   на мобильной нужно вернуть явно, тем же приёмом, что и 110 на
   десктопе. */

.ch-table {
  padding-block: 110px;
}

.ch-table__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.ch-table__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ch-table__lead {
  max-width: 780px;
  line-height: 31px;   /* 17 x 1.8 = 30.6 */
}

.ch-table__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.ch-table__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 24px;
  background: var(--card);
  border-radius: 14px;
  /* Обводка внутренняя (strokeAlignment: inner) - border добавил бы
     карточке 2px ширины и высоты. */
  box-shadow: inset 0 0 0 1px var(--line-h);
}

.ch-table__en {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 19px;
  line-height: 26px;   /* 19 x 1.36 = 25.84 */
  letter-spacing: -.3px;
  color: var(--accent-text);
}

.ch-table__ru {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;   /* 15 x 1.21 = 18.15 */
  color: var(--text);
}

.ch-table__p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 21px;   /* 13 x 1.65 = 21.45 */
  color: var(--text-2);
}

@media (max-width: 860px) {
  .ch-table {
    padding-block: 52px;
  }

  .ch-table__lead {
    font-size: 15px;   /* не общий --m-lead 16px, в макете 15 */
    line-height: 27px;   /* 15 x 1.8 = 27 */
  }

  .ch-table__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .ch-table__en {
    font-size: 18px;
    line-height: 25px;   /* по замеру макета: формула 18 x 1.36 = 24.48 даёт 24, в макете 25 */
  }

  .ch-table__ru {
    font-size: 14px;
    line-height: 17px;   /* 14 x 1.21 = 16.94 */
  }

  .ch-table__p {
    font-size: 12px;
    line-height: 20px;   /* 12 x 1.65 = 19.8 */
  }
}