@media (max-width: 992px) {
    .container { padding: 0 20px; }
    .post-flex { flex-direction: column; }
}

@media (max-width: 768px) {
    .nav-menu { display: none; } /* Add Hamburger logic here */
    .hero h1 { font-size: 2.5rem; }
    .category-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
    .category-grid { grid-template-columns: 1fr; }
}