@media (max-width: 991px) {

    .main-navigation {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;

        margin-left: auto;
    }

    .post-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .container {
        width: min(100% - 24px, 1300px);
    }

    .header-inner {
        min-height: 64px;
    }

    .site-logo img {
        max-height: 44px;
    }

    .home-hero {
        padding: 55px 0;
    }

    .home-section {
        padding: 45px 0;
    }

    .post-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }

    .footer-inner {
        flex-direction: column;
    }

    .footer-menu {
        flex-direction: column;

        gap: 10px;
    }

}

@media (max-width: 991px) {

    .main-navigation.is-open {
        display: block;

        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        padding: 15px 16px;

        background: #fff;

        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .main-navigation.is-open .main-menu {
        flex-direction: column;
        align-items: stretch;

        gap: 0;
    }

    .main-navigation.is-open .main-menu a {
        padding: 12px 0;
    }

}