/* Compatibility adapter for the existing AGPB layout (820px breakpoint). */
#topTool li.toolSubMenu > [data-disclosure-panel]:not([hidden]) {
    display: block;
}
#topTool .submenu-toggle { background: transparent; }
#topNav nav[data-mobile-nav] li.has-disclosure { position: relative; }
#topNav nav[data-mobile-nav] li.has-disclosure > a {
    display: inline-block;
    background-image: none;
    padding-right: 2px;
}
#topNav nav[data-mobile-nav] [data-disclosure-panel]:not([hidden]) {
    display: flex;
    flex-direction: column;
}
#topNav nav[data-mobile-nav] li > ul[data-disclosure-panel] {
    top: 100%;
    left: 0;
    margin: 0;
    min-width: 170px;
}
#topNav nav[data-mobile-nav] li li > ul[data-disclosure-panel] {
    top: 0;
    left: 100%;
}
@media (min-width: 820px) {
    #topNav nav[data-mobile-nav] {
        background: none;
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        border: 0;
    }
    #topNav nav[data-mobile-nav] > #menuBox:not([hidden]) {
        display: block;
        position: static;
        margin: 0;
        border: 0;
        box-shadow: none;
    }
    #topNav nav[data-mobile-nav] li.has-disclosure { white-space: nowrap; }
}
@media (max-width: 819.98px) {
    #topTool { width: calc(100% - 32px); height: auto; min-height: 32px; box-sizing: border-box; }
    #topTool ul.tools { margin: 0; padding: 4px 8px; gap: 6px; flex-wrap: wrap; }
    #topTool ul.tools > li { padding: 0; }
    #topTool .submenu-toggle { font-size: 13px; padding: 0; }
    #topNav nav[data-mobile-nav] { background-image: none; }
    #topNav [data-mobile-toggle] {
        display: block;
        width: 32px;
        height: 32px;
        padding: 0;
        background: #b00020;
        color: #fff;
        font-size: 24px;
    }
    #topNav nav[data-mobile-nav].disclosure-ready > #menuBox:not([hidden]) {
        display: flex;
        position: absolute;
        top: 32px;
        right: 0;
        left: auto;
        margin: 0;
        width: min(360px, calc(100vw - 16px));
        max-height: calc(100dvh - 48px);
        overflow: auto;
        box-sizing: border-box;
        padding: 8px;
        background: #fff;
    }
    #topNav nav[data-mobile-nav] #menu { width: 100%; padding: 0; margin: 0; }
    #topNav nav[data-mobile-nav] #menu li { display: block; background-image: none; width: auto; padding: 0; margin: 0; height: auto; }
    #topNav nav[data-mobile-nav] #menu li a { min-height: 28px; line-height: 28px; }
    #topNav nav[data-mobile-nav] #menu li.has-disclosure > a { width: calc(100% - 42px); box-sizing: border-box; }
    #topNav nav[data-mobile-nav] #menu li > ul[data-disclosure-panel] {
        position: static;
        width: auto;
        min-width: 0;
        margin: 0 0 0 12px;
        padding: 0;
        box-shadow: none;
    }
}