/* Keep the existing navigation design; bound every dropdown to the real viewport. */
@media(min-width:1024px){
 body #page header.header #menuToggle #menu .main nav>ul>li>.flyout-wrapper{max-height:var(--seeit-nav-available,calc(100dvh - 130px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scroll-padding-block:12px}
 body #page header.header #menuToggle #menu .main nav>ul>li:not([data-smartphone-nav]):focus-within>.flyout-wrapper{display:block;visibility:visible;opacity:1}
 body #page header.header #menuToggle #menu .main nav .flyout>ul>li:not([data-brand-active]):focus-within>ul{display:block}
 body #page header.header #menuToggle #menu .main nav [data-brand-controller]>li>ul.brand-menu{min-height:0!important;max-height:min(calc(var(--brand-available) - 6px),var(--seeit-nav-available,calc(100dvh - 130px)))!important;scroll-padding-block:12px}
 body #page header.header #menuToggle #menu .main nav [data-smartphone-nav]>.flyout-wrapper{overflow:visible;max-height:none}
 body #page header.header #menuToggle #menu .main nav [data-smartphone-nav] .flyout{max-height:var(--seeit-nav-available,calc(100dvh - 130px))}
}
@media(max-width:1023px){
 body #page header.header #menuToggle #menu{height:100vh;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(35px,env(safe-area-inset-bottom));box-sizing:border-box;scroll-padding-bottom:24px}
 body #page header.header #menuToggle #menu .main nav ul.brand-menu{max-height:52dvh!important;min-height:0!important}
}
header.header a:focus-visible,header.header button:focus-visible{outline:2px solid #efaa28;outline-offset:2px}