@media (max-width: 767.98px) {
  body.home   :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title),
  body.blog   :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title),
  body.archive:is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title),
  body.search :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title) {
    font-size: clamp(14px, 3.6vw, 15px) !important;
    line-height: 1.4;
    margin-top: 6px;
  }

  body.home   :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title) a,
  body.blog   :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title) a,
  body.archive:is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title) a,
  body.search :is(h2,h3,.entry-title,.post-title,.card-title,.entry-card-title) a {
    font-size: inherit !important;
    line-height: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 3);
  }
}