/* ============================================================================
   All News Page — Dragon Skin v4
   Archive grid of every published article; card + hero styles come from
   pages/news.css
   ============================================================================ */

.news-all-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 56px) clamp(60px, 8vw, 100px);
}

.news-all-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* ─────────────── RESPONSIVE ─────────────── */
@media (max-width: 1024px) {
  .news-all-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .news-all-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .news-all-section {
    padding-left: clamp(16px, 5vw, 24px);
    padding-right: clamp(16px, 5vw, 24px);
  }
}