.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.blog-card { border: 1px solid #dce5df; border-radius: 8px; overflow: hidden; min-width: 0; }
.blog-card > a { display: block; height: 100%; }
.blog-card img { width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; border-bottom: 1px solid #e3e9e5; }
.blog-card a > div { padding: 22px; }
.blog-category { font-size: 12px; color: #63736a; }
.blog-card h2 { font-size: 22px; line-height: 1.55; margin: 12px 0; text-wrap: pretty; }
.blog-card p { font-size: 14px; color: #63736a; margin: 0; line-height: 1.8; }
.blog-read { display: block; margin-top: 20px; color: #245f49; font-size: 14px; font-weight: 650; }
.blog-card a:hover h2 { color: #0069ff; }
@media (max-width: 620px) { .blog-grid { grid-template-columns: 1fr; gap: 22px; } .blog-card h2 { font-size: 20px; } .blog-card a > div { padding: 18px; } }