/* ==========================================================
   Blog — article preview cards
========================================================== */

.blog-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 26px; }
.blog-card{
  border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--card-bg);
  transition: transform .3s ease, border-color .25s ease; display: flex; flex-direction: column;
}
.blog-card:hover{ transform: translateY(-5px); border-color: rgba(91,108,255,0.35); }
.blog-cover{ height: 150px; position: relative; }
.blog-body{ padding: 26px; }
.blog-cat{ font-family: var(--font-mono); font-size: 10.5px; color: var(--signal-2); letter-spacing: 0.08em; }
.blog-card h3{ font-family: var(--font-display); font-size: 17.5px; font-weight: 600; margin: 12px 0 10px; line-height: 1.3; }
.blog-card p{ font-size: 13.5px; color: var(--fog); margin-bottom: 18px; }
.blog-meta{ font-family: var(--font-mono); font-size: 11px; color: var(--fog-dim); display: flex; justify-content: space-between; }

@media (max-width: 480px){
  .blog-body{ padding: 20px; }
  .blog-cover{ height: 120px; }
}