@media (max-width: 1024px) {
    .container {
        padding: 0 30px;
    }
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }
    .post-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .post-card .post-thumbnail {
        height: 180px;
    }
    .footer-widgets {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .post-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .footer-widgets {
        grid-template-columns: 1fr;
    }
    .post-card .post-thumbnail {
        height: 200px;
    }
}

@media print {
    .site-header,
    .site-footer,
    .sidebar,
    .pagination,
    .menu-toggle {
        display: none !important;
    }
    .site-main {
        padding: 20px 0 !important;
    }
    .post-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}