.bright-header-actions,.bright-mobile-menu{display:none}
.bright-menu-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:48px;flex:0 0 44px;padding:10px;border:1.25px solid #000;border-radius:16px;background:#fff;color:#000;cursor:pointer}
.bright-menu-button:hover{border-color:#C48A10;color:#C48A10}
.bright-menu-button:focus-visible{outline:2px solid #C48A10;outline-offset:3px}
.bright-menu-icon{width:22px;height:18px;display:flex;flex-direction:column;justify-content:space-between}
.bright-menu-icon span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}
.bright-mobile-menu[hidden]{display:none!important}
@media(max-width:920px){
 html body header .nav{position:relative}
 .bright-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
 html body header .bright-header-actions .mobile-toggle{display:inline-flex;margin:0!important;white-space:nowrap}
 .bright-mobile-menu:not([hidden]){display:flex;position:absolute;top:100%;right:0;z-index:1200;flex-direction:column;width:min(310px,100%);max-height:calc(100dvh - 210px);overflow-y:auto;padding:12px;background:#fff;border:1px solid #E2E5E8;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
 .bright-mobile-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:#000;font-size:16px;font-weight:650;line-height:1.3;border-radius:10px;text-decoration:none}
 .bright-mobile-menu a:hover,.bright-mobile-menu a:focus-visible{color:#C48A10;background:#f4f5f6;outline:none}
 html body header.bright-menu-open{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:620px){
 html body header .brand-logo,html body header.header-compact .brand-logo{width:170px!important}
 html body header .nav{gap:8px!important}
 .bright-header-actions{gap:8px}
 html body header .bright-header-actions .mobile-toggle{font-size:14px!important;padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:380px){
 html body header .brand-logo,html body header.header-compact .brand-logo{width:120px!important}
}
/* Keep announcement wrapping identical across the approved page headers. */
html body header .topbar{display:block!important;text-align:center!important}
@media(max-width:760px){html body footer>.wrap{width:min(calc(100% - 28px),1180px)!important}}
