/* Secret Santa: как это работает у нас. Макет: UUOs8 (1440) и jgMVo (390).

   Фон секции тёмный - fill #07130F совпадает с --bg-deep, класс
   .hw-sec--deep из prazdnik.css. Заголовочный блок - тот же gap:40 и
   ширина абзаца 460, что и в ch-advent.css: 828 + 40 + 460 = 1328
   сходится без трюка с space-between (см. комментарий там же).

   Надстрочник здесь красный (#E4574C = --accent-2), а не золотой по
   умолчанию у .hw-kicker - добавлять модификатор в общий prazdnik.css
   нельзя (файл общий для всех праздников), поэтому цвет переопределён
   локальным классом .ch-santa__kicker.

   Карточки правил - те же токены --card/--line-h, что у карточек песен,
   но радиус 14 (не 16) и номер - не ведущий ноль kList (n2), а обычная
   цифра (n): в макете "1".."4", не "01".."04". */

.ch-santa__wrap {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.ch-santa__head {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: 0;
}

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

.ch-santa__kicker {
  color: var(--accent-2);
}

.ch-santa__lead {
  flex: none;
  width: 460px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 27px;   /* 15 x 1.8 = 27 */
  color: var(--text-2);
}

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

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

.ch-santa__num {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 34px;
  line-height: 46px;   /* 34 x 1.36 = 46.24 */
  letter-spacing: -1.2px;
  color: var(--accent-2);
}

.ch-santa__card-title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 19px;
  line-height: 25px;   /* 19 x 1.3 = 24.7 */
  color: var(--text);
}

.ch-santa__card-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 24px;   /* 14 x 1.7 = 23.8 */
  color: var(--text-2);
}

@media (max-width: 860px) {
  .ch-santa__head {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .ch-santa__lead {
    width: 100%;
    font-size: 14px;
    line-height: 25px;   /* 14 x 1.8 = 25.2 */
  }

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

  .ch-santa__card-title { font-size: 18px; line-height: 23px; }   /* 18 x 1.3 = 23.4 */
  .ch-santa__card-text { font-size: 13px; line-height: 22px; }    /* 13 x 1.7 = 22.1 */
}