/* Let navigation collapse before the account buttons run out of room. */
body.reference-public .header-wrapper{gap:16px}
body.reference-public .header-right-item{flex-shrink:0}
body.reference-public .header-button{flex-shrink:0;gap:12px}
body.reference-public .header-button>a{flex-shrink:0;white-space:nowrap}
body.reference-public .header-button .btn-text,body.reference-public .header-button .btn-text-inner>span{white-space:nowrap}
@media(min-width:1400px) and (max-width:1599px){
 body.reference-public .header-search-box{display:none!important}
 body.reference-public .header-wrapper{gap:12px}
 body.reference-public .mainmenu>ul>li{margin-inline-end:0}
}
@media(max-width:1399px){
 body.reference-public .header-area .menu-area,body.reference-public .header-area .header-search-box,body.reference-public .header-area .header-button{display:none!important}
 body.reference-public .header-area .header-user,body.reference-public .header-area .menu_btn,body.reference-public .header-area .ref-search-btn{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}
 body.reference-public .header-right-item{margin-inline-start:auto;gap:8px}
 body.reference-public .header-area .header-user .user-btn{width:36px;height:36px;align-items:center;justify-content:center;margin-inline-end:0}
 body.reference-public .header-area .header-user .user-btn>i{display:block;flex:0 0 auto;line-height:1}
 body.reference-public .header-area .menu_btn{margin-inline-start:0}
}
@media(max-width:575px){
 body.reference-public .header-wrapper{gap:6px}
 body.reference-public .header-right-item{gap:2px}
 body.reference-public .site_logo,body.reference-public .site_logo .logo{max-width:clamp(116px,36vw,180px);flex-shrink:0}
 body.reference-public .site_logo img{width:100%;height:auto}
 body.reference-public .ref-langs{gap:2px;margin-inline:0}
 body.reference-public .ref-lang{width:26px;height:28px}
 body.reference-public .header-area .header-user .user-btn,body.reference-public .header-area .ref-search-btn{width:30px;height:34px}
}

body.reference-public .mainmenu>ul>li>a{white-space:nowrap}
@media(min-width:1400px) and (max-width:1599px){body.reference-public .site_logo img{width:200px}}

@media(min-width:1400px) and (max-width:1599px){body.reference-public .header-area .ref-search-btn{display:inline-flex!important;flex-shrink:0}}

/* Square dropdown rows: the hover fill reaches every edge without moving text. */
:is(body.reference-public,.ref-shell) .header-area .mainmenu ul>li>.sub-menu{padding:0;border-radius:0;gap:0;background:#fff}
:is(body.reference-public,.ref-shell) .header-area .mainmenu ul>li>.sub-menu>li{margin:0;padding:0;border-radius:0}
:is(body.reference-public,.ref-shell) .header-area .mainmenu ul>li>.sub-menu>li>a{display:block;width:100%;box-sizing:border-box;margin:0;padding:12px 20px;border-radius:0;background:#fff;color:#01468c;transition:background-color .18s ease,color .18s ease}
:is(body.reference-public,.ref-shell) .header-area .mainmenu ul>li>.sub-menu>li:is(:hover,:focus-within,.current-menu-item,.current-menu-ancestor)>a{padding:12px 20px;border-radius:0;background:#01468c;color:#fff}
:is(body.reference-public,.ref-shell) .header-area .mainmenu ul>li>.sub-menu>li>a:focus-visible{outline:2px solid #f5b60a;outline-offset:-2px}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li .sub-menu{padding:0;margin:0;border-radius:0}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li .sub-menu li{padding:0;margin:0;border-radius:0}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li .sub-menu li a:not(.mean-expand){box-sizing:border-box;width:100%;padding:10px 16px;margin:0;border-radius:0;background:#fff;color:#01468c}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li .sub-menu li:is(:hover,:focus-within,.current-menu-item)>a:not(.mean-expand){background:#01468c;color:#fff}

/* Keep the disclosure next to its parent link, before the full-width submenu. */
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li>a:not(.mean-expand){order:0}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li>a.mean-expand{order:1;transform:none!important}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li>ul{order:2}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li>a.mean-expand>i{display:inline-block;transform:rotate(0deg);transition:transform .2s ease}
:is(body.reference-public,.ref-shell) .hamburger_menu .mean-container .mean-nav ul li>a.mean-expand.mean-clicked>i{transform:rotate(180deg)}

/* Keep desktop links close together on both regular and sticky headers. */
@media(min-width:992px){
 :is(body.reference-public,.ref-shell) .header-area .mainmenu>ul{column-gap:20px}
 :is(body.reference-public,.ref-shell) .header-area .mainmenu>ul>li{margin-inline-end:0}
}