/* Песенник. Макет: Vw8Lz (1440) и H19Q2 (390).

   Фон секции - fill #0C2019, совпадает с --bg (не --bg-deep), поэтому
   класс .hw-sec без --deep. Карточка песни - готовые токены --card
   (#123024) и --line-h (#24503F) как обводка inset, те же, что у карты
   охоты Хэллоуина. Заголовок песни и подпись строки по-английски -
   кегль и паддинги одинаковы на обоих брейкпоинтах (в данных макета
   значения совпадают буквально), меняется только раскладка карточек
   (ряд на десктопе, колонка на телефоне) и межстрочный лида. */

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

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

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

.ch-songs__grid {
  display: flex;
  gap: 20px;
}

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

.ch-songs__card-head {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ch-songs__title {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 24px;
  line-height: 33px;   /* 24 x 1.36 = 32.64 */
  letter-spacing: -.6px;
  color: var(--accent-text);
}

.ch-songs__tag {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;   /* 12 x 1.21 = 14.52 */
  letter-spacing: 1.5px;
  color: var(--text-3);
}

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

.ch-songs__line {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ch-songs__en {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;   /* 17 x 1.5 = 25.5 */
  color: var(--text);
}

.ch-songs__ru {
  margin: 0;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 21px;   /* 14 x 1.5 = 21 */
  color: var(--text-3);
}

@media (max-width: 860px) {
  .ch-songs__lead {
    font-size: 15px;   /* не общий --m-lead 16px, в макете 15 */
    line-height: 27px;   /* 15 x 1.8 = 27 */
  }

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

  .ch-songs__title { letter-spacing: -.4px; }
  .ch-songs__tag { font-size: 11px; line-height: 13px; }   /* 11 x 1.21 = 13.31 */

  .ch-songs__en {
    font-size: 15px;
    line-height: 23px;   /* 15 x 1.5 = 22.5 */
  }

  .ch-songs__ru {
    font-size: 13px;
    line-height: 20px;   /* 13 x 1.5 = 19.5 */
  }
}