/* Lightning supplies its own mobile menu at 992px and below. */
#site-header .hkc-header-menu { display: none; }

@media (min-width: 992.01px) {
    #site-header .hkc-header-menu:not(.hkc-menu-fits) {
        display: block;
        order: -1;
        align-self: center;
        flex: none;
        position: relative;
        margin: .25rem 1rem .25rem 0;
    }
    #site-header .hkc-header-menu:not(.hkc-menu-fits) + #global-nav { display: none; }
    #site-header-container.hkc-header-widen { width: max-content; max-width: 100%; }
    #site-header .hkc-header-menu summary {
        display: flex;
        gap: .55em;
        align-items: center;
        padding: .4em .8em;
        border: 1px solid #48647b;
        border-radius: .25em;
        background: #fff;
        color: #19364b;
        line-height: 1.5;
        font-size: 1rem;
        white-space: nowrap;
        cursor: pointer;
        list-style: none;
    }
    #site-header .hkc-header-menu summary::-webkit-details-marker { display: none; }
    #site-header .hkc-header-menu nav {
        position: absolute;
        z-index: 50;
        top: calc(100% + 2px);
        left: 0;
        width: 19rem;
        max-width: 80vw;
        max-height: 70vh;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: #fff;
        border: 1px solid #b4c3cd;
        border-radius: .25rem;
        box-shadow: 0 .4rem 1rem #19364b26;
    }
    #site-header .hkc-header-menu ul { list-style: none; margin: 0; padding: .25rem; }
    #site-header .hkc-header-menu li { margin: 0; padding: 0; line-height: 1.45; }
    #site-header .hkc-header-menu li ul { border-left: 2px solid #b4c3cd; margin-left: 1rem; }
    #site-header .hkc-header-menu a {
        display: block;
        padding: .5rem .75rem;
        color: #19364b;
        text-decoration: none;
        overflow-wrap: anywhere;
    }
    #site-header .hkc-header-menu > nav > ul > li > a { font-weight: 700; }
    #site-header .hkc-header-menu a:hover, #site-header .hkc-header-menu a:focus {
        background: #eaf3f7;
        text-decoration: underline;
    }
    #site-header .hkc-header-menu :focus-visible { outline: 2px solid #176292; outline-offset: -2px; }
}

@media print {
    #site-header .hkc-header-menu { display: none !important; }
}