.content-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
.article-card { padding:28px; min-height:320px; border:1px solid var(--line); border-radius:22px; background:white; display:flex; flex-direction:column; }
.article-card .tag { align-self:flex-start; color:var(--pink); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; font-weight:800; margin-bottom:48px; }
.article-card h2,.article-card h3 { font-family:var(--serif); font-size:1.75rem; line-height:1.15; font-weight:500; margin:0 0 16px; }
.article-card p { color:var(--muted); flex:1; }
.article-card .status { font-size:.84rem; color:var(--muted); border-top:1px solid var(--line); padding-top:18px; margin-top:22px; }

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

@media (max-width: 680px) {
  .content-grid { grid-template-columns:1fr; }
}
