/* Section bg */
#news{ background:#f6f7f8; }

/* Grid layout */
#news-list{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
@media (min-width:768px){
  #news-list{ grid-template-columns:1fr 1fr; }
}

/* Tiles */
#news-list .news-tile{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:6px;
  padding:18px 22px 20px 64px;
  transition:transform .12s ease, box-shadow .12s ease;
}
#news-list .news-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* Yellow accent bar */
#news-list .news-tile::before{
  content:"";
  position:absolute;
  left:22px; top:18px;
  width:10px; height:48px;
  background:#fbbc05;
  border-radius:2px;
}

/* Content */
#news-list a.news-link{ color:inherit; text-decoration:none; display:block; }
#news-list .news-title{ font-weight:800; font-size:1.15rem; line-height:1.25; margin:0 0 8px; }
#news-list .news-date{ display:block; font-size:.875rem; color:#6b7280; margin-bottom:6px; }
#news-list .news-summary{ margin:0; color:#222; }

/* If the old pill class still exists anywhere, neutralize it */
#news-list .news-title--highlight{ background:transparent; padding:0; border-radius:0; box-shadow:none; }