/* Makes the entire card clickable without breaking the design */
  .news-card { transition: transform .15s ease, box-shadow .15s ease; }
  a:hover .news-card { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.16); }

  /* Ensure the image area stays crisp and doesn’t stretch */
  .news-media { background-repeat: no-repeat; }

  /* If titles vary a lot, this keeps a nicer grid (optional) */
  .news-title{
    display: -webkit-box;
    -webkit-line-clamp: 3;   /* 2–4 depending on your preference */
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.25em * 3 + 2.5rem); /* stabilizes card height a bit */
  }