/* Home latest mobile type tuning (2026-05-23)
   Keep the editorial feel, but reduce the dense headline wall on phones. */

@media (max-width: 700px) {
  body.home-page main > #home-latest .hm-latest-articles__item:first-child .hm-latest-articles__headline {
    font-size: clamp(22px, 5.85vw, 23px) !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__item:first-child {
    padding-bottom: 14px !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__item:first-child + .hm-latest-articles__item {
    margin-top: 8px !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__item + .hm-latest-articles__item {
    padding-block: 10px !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__item + .hm-latest-articles__item .hm-latest-articles__link {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    column-gap: 13px !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__item + .hm-latest-articles__item .hm-latest-articles__body {
    row-gap: 5px !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__headline {
    font-size: clamp(15.4px, 4.1vw, 15.9px) !important;
    font-weight: 680 !important;
    line-height: 1.46 !important;
  }

  body.home-page main > #home-latest .hm-latest-articles__meta {
    gap: 7px !important;
    color: rgba(17, 17, 17, 0.45) !important;
    font-size: 10.2px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: 0.035em !important;
  }
}

@media (max-width: 360px) {
  body.home-page main > #home-latest .hm-latest-articles__item + .hm-latest-articles__item .hm-latest-articles__link {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }
}