/* Mobile hamburger toggle. Hidden on >900px; shows nav.primary as a drawer below the header on small viewports. */
.mobile-menu-btn {
    display: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--ink-2, #334155);
    padding: 6px;
    margin-left: auto;
    margin-right: 8px;
}
.mobile-menu-btn:hover { color: var(--eu-blue, #003399); }

@media (max-width: 1000px) {
    .mobile-menu-btn { display: inline-flex; }

    /* When the menu is closed (default), nav.primary stays hidden as before. */
    body[data-mobile-menu="open"] header.site nav.primary {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: 64px;
        left: 0; right: 0;
        background: #fff;
        border-bottom: 1px solid var(--line, #e6eaf2);
        padding: 12px 24px 20px;
        gap: 6px;
        z-index: 25;
        box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
    }
    body[data-mobile-menu="open"] header.site nav.primary a {
        padding: 10px 0;
        border-bottom: 1px solid var(--bg-3, #f4f6fa);
        font-size: 1rem;
    }
    body[data-mobile-menu="open"] header.site nav.primary a:last-child { border-bottom: 0; }
}