/* ── Mobile navigation ── */

#nav-toggle {
    display: none;
    position: fixed;
    top: 12px;
    left: 12px;
    right: auto;
    z-index: 300;
    background: #5a8c5a;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

#nav-toggle:hover {
    background: #3d7040;
}

#nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 99;
}

@media (max-width: 700px) {
    #nav-toggle {
        display: block;
    }

    /* Push content down to clear the hamburger button */
    #main {
        padding-top: 62px;
    }

    /* Show sidebar as overlay when nav is open */
    body.nav-open #sidebar {
        display: block !important;
    }

    body.nav-open #nav-overlay {
        display: block;
    }
}