@media (max-width: 991.98px) {
    .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .blog-grid { grid-template-columns: 1fr; }
    .article-hero { padding: 150px 0 120px; }
    .article-cover { margin-top: -60px; }
    .article-cover img { height: 340px; }
}