.blog-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.blog-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;transition:box-shadow .2s ease}.blog-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.06)}.blog-card img{border-radius:4px;height:180px;object-fit:cover;width:100%}.blog-card h3{color:#333;font-size:18px;margin:10px 0 5px}.blog-card .blog-date{color:#888;font-size:12px;margin-bottom:8px}