/* news.css — Cards & articles (brand-aligned) */

.items-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.9rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px){ .items-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .items-grid{ grid-template-columns: 1fr; } }

.i-card.card{
  border-radius:16px; overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.i-card.card:hover{ transform: translateY(-2px); box-shadow:0 16px 32px rgba(0,0,0,.10); }

.i-media{ display:block; background:var(--paper-2); line-height:0; }
.i-media img{ width:100%; height: 180px; object-fit:cover; display:block; }

.i-title{ text-decoration:none; color:var(--ink); }
.i-title:hover{ color: var(--brand-900); }
.i-kicker{ color: var(--muted-ink); }

.items-list{ list-style:none; margin:0; padding:0; }
.i-row{
  display:grid; grid-template-columns: 140px 1fr auto; gap:.6rem;
  align-items:center; padding:.6rem .2rem; border-bottom:1px solid rgba(0,0,0,.06);
}
@media (max-width:640px){ .i-row{ grid-template-columns: 1fr; } .i-date{ order:2; } .i-meta{ order:3; } }

.article.card{
  overflow:hidden; border-radius:18px;
  border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.article-media img{ width:100%; height: 320px; object-fit:cover; display:block; }
.article .lead{ color: var(--muted-ink); }
.article-body p{ margin:0 0 1rem; line-height:1.7; }