/* ARTICLES — DESKTOP */
.articles{padding:80px 0}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.articles-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}
.articles-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.articles-link{display:block;color:var(--text)}
.articles-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.articles-body{padding:16px 18px 18px}
.articles-title{font-size:var(--fs-h4);font-weight:800;line-height:1.3;color:var(--primary-dark)}
.articles-date{display:block;margin-top:10px;font-size:var(--fs-caption);color:var(--text-2)}
.articles-more{margin-top:32px;text-align:center}
/* ARTICLES — TABLET */
@media (max-width:1024px){.articles{padding:64px 0}.articles-grid{grid-template-columns:repeat(2,1fr)}}
/* ARTICLES — MOBILE (horizontal swipe is avoided; stacked cards, full-width CTA) */
@media (max-width:767px){.articles{padding:40px 0}.articles-grid{grid-template-columns:1fr;gap:16px}.articles-more .btn{width:100%}}

/* ARTICLE GRID — RESPONSIVE */

.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

@media (max-width: 1024px) {
  .articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .articles-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ARTICLE GRID — FINAL FIX */
@media (min-width: 768px) {
  .articles-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .articles-grid {
    grid-template-columns: 1fr !important;
  }
}