@media (max-width: 768px) {
    .header-inner { flex-wrap: wrap; }
    .menu-toggle { display: block; }
    .primary-menu { display: none; flex-direction: column; width: 100%; gap: 0; padding: 15px 0; }
    .primary-menu.active { display: flex; }
    .primary-menu li { border-bottom: 1px solid #eee; }
    .primary-menu li a { padding: 12px 0; display: block; }
    .posts-grid { grid-template-columns: 1fr; }
    .site-title { font-size: 22px; }
}
@media (max-width: 480px) {
    .container { padding: 0 15px; }
    .site-title { font-size: 20px; }
}

@media (max-width: 768px) {
    .home .entry-title,
    .home .page-title {
        display: none !important;
    }
}