/* Use the two remaining mega-menu columns for publication category links. */
@media (min-width: 1025px) {
    #site-navigation #primary-menu .publication-menu-section > .sub-menu.level-1 {
        left: 33.333% !important;
        width: 66.667% !important;
        margin: 0 !important;
        padding: 16px !important;
        height: 520px;
        min-height: 0;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        overscroll-behavior: contain;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-content: start;
        gap: 4px 16px;
    }

    #site-navigation #primary-menu .publication-menu-section:is(.active, :hover, :focus-within) > .sub-menu.level-1 {
        display: grid !important;
        visibility: visible;
        opacity: 1;
    }

    #site-navigation #primary-menu .publication-menu-section > .sub-menu.level-1 > li {
        width: 100%;
        min-width: 0;
    }

    #site-navigation #primary-menu .publication-menu-section > .sub-menu.level-1 > li > a {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 12px 16px;
        white-space: normal;
        overflow-wrap: anywhere;
        font-size: 16px;
        line-height: 1.5;
    }

    #site-navigation #primary-menu > .publication-menu-root:focus-within > .sub-menu.level-0 {
        display: block !important;
        width: 100%;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    #site-navigation #primary-menu .publication-menu-root > .sub-menu.level-0:focus-within > .publication-menu-section:not(:focus-within) > .sub-menu.level-1 {
        display: none !important;
    }

    #site-navigation #primary-menu .publication-menu-root a:focus-visible {
        outline: 2px solid #194c9f;
        outline-offset: -3px;
        background: #eaf1fb !important;
        color: #123c80 !important;
    }
}
