/* Desktop dropdown visibility follows the exclusive JS state. This prevents a
   previously focused menu from remaining above the newly selected menu. */
@media (min-width: 1021px) {
    .site-header .nav-item.has-menu:not(.menu-expanded) > .nav-panel {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .site-header .nav-item.has-menu.menu-expanded > .nav-panel {
        display: grid !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header .nav-writing.menu-expanded > .writing-panel {
        display: flex !important;
        flex-direction: column;
    }
}