/* media-target: отличия от основы howit/howit; сгенерировано tools/css_majority.py */
.howit__important { display:flex;gap:20px;background:#FFF8EC }
.howit__important .howit__itme-count { margin-top:0 }
.howit__item { background:#FFF8EC }
.howit__itme-count { font-size:28px;font-weight:400 }
@media screen and (max-width:991px) {
  .howit__box { gap:10px;margin-top:20px }
  .howit__item { border-radius:15px }
  .howit__important { border-radius:15px;display:flex;flex-direction:column;padding:12px;margin-top:10px }
  .howit__item-title { width:40px }
  .howit__itme-count { margin-top:5px;font-size:16px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
/* span в заголовке — только чтобы скрыть часть текста на мобильных, не выделение цветом (общее .title span) */
.howit .title span { color:inherit }
/* в оригинале карточки при наведении не меняются (у основы — серый фон при наведении) */
.howit__item:hover { background-color:#FFF8EC }