.news-hero { text-align: center; }
.news-filters { display:flex; gap:.5rem; justify-content:center; padding:.5rem 0 1rem; flex-wrap:wrap; }
.chip { border:1px solid #ccc; border-radius:999px; padding:.35rem .75rem; text-decoration:none; color:#333; }
.chip.active { background:#111; color:#fff; border-color:#111; }
.news-grid .grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.news-card { border:1px solid #eee; border-radius:12px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.news-card .cover { width:100%; height:180px; object-fit:cover; display:block; }
.news-card .content { padding: .75rem .9rem 1rem; }
.news-card .meta { display:flex; justify-content:space-between; font-size:.8rem; color:#666; margin-bottom:.25rem; }
.news-card .type.update { color:#1a73e8; }
.news-card .type.tip { color:#0f9d58; }
.news-card .type.customer { color:#a142f4; }
.news-card .title { font-size:1.1rem; margin:.25rem 0 .5rem; }
.news-card .excerpt { color:#444; font-size:.95rem; }
.news-card .gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-top:.5rem; }
.news-card .gallery img { width:100%; height:60px; object-fit:cover; border-radius:6px; }
.tags { margin-top:.5rem; display:flex; gap:.35rem; flex-wrap:wrap; }
.tags .tag { font-size:.8rem; color:#555; text-decoration:none; background:#f4f4f4; padding:.2rem .5rem; border-radius:6px; }
.empty { text-align:center; color:#666; padding:2rem 1rem; }

/* Featured Post Styles */
.news-card.featured {
  grid-column: 1 / -1;
  border-color: #ddd;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.news-card.featured .cover {
  height: auto;
  max-height: 500px;
  object-fit: contain;
  background: #f8f9fa;
  width: 100%;
}
.news-card.featured .title {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
.news-card.featured .content {
  padding: 1.5rem;
}
.news-card.featured .gallery {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.news-card.featured .gallery img {
  height: 150px;
}