/* ═══ ARTICLES / INSIGHTS ═══ */
.art-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.art-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  overflow: hidden;
  cursor: pointer;
  transition: var(--t);
  display: flex;
  flex-direction: column;
}
.art-card:hover { transform: translateY(-5px); box-shadow: var(--sh-3); border-color: rgba(13,158,117,.3); }
.art-banner  { height: 148px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.art-body    { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.art-chips   { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.art-body h3 { font-size: 15.5px; font-weight: 700; line-height: 1.42; margin-bottom: 9px; }
.art-body p  { font-size: 13.5px; color: var(--body); line-height: 1.75; flex: 1; margin-bottom: 14px; }
.art-bottom  { display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-top: auto; }
.art-bottom .date { color: var(--muted); }
.art-bottom .read { color: var(--teal); font-weight: 700; }

@media (max-width: 960px) { .art-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .art-grid { grid-template-columns: 1fr; } }