/* Базовый стиль для  */
u {
  text-decoration-color: #97da3c;      /* Цвет линии */
  text-decoration-style: solid;        /* Стиль линии */
  text-decoration-thickness: 6px;      /* Толщина линии */
  text-underline-offset: 12px;         /* Отступ линии от текста на больших экранах */
}

/* Малые экраны до 480px — отступ 6px */
@media only screen and (max-width: 480px) {
  u {
    text-underline-offset: 6px;        /* Мобильный отступ */
  }
}

/* Экраны от 480px до 960px — отступ 8px */
@media only screen and (min-width: 480px) and (max-width: 640px) {
  u {
    text-underline-offset: 8px;       /* Планшеты / средние ширины */
  }
}

/* Экраны от 480px до 960px — отступ 10px */
@media only screen and (min-width: 640px) and (max-width: 1200px) {
  u {
    text-underline-offset: 10px;       /* Планшеты / средние ширины */
  }
}