.cnews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin: 20px 0;
}

.cnews-item {
  border: 1px solid #e6e6e6;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  transition: box-shadow .18s ease;
}

.cnews-link { color: inherit; text-decoration: none; display: block; }

.cnews-img img { width: 100%; height: auto; border-radius: 6px; display: block; }

.cnews-date { margin: 8px 0; font-size: 14px; color: #444; text-align: left; }

.cnews-title { font-size: 20px; margin: 0; color: #222; font-weight: 600; }

/* Mobile: single-column vertical stack and smaller title */
@media (max-width: 768px) {
  .cnews-grid { grid-template-columns: 1fr; }
  .cnews-title { font-size: 14px; }
}