/* AIE V4.15 — shared persistent header, same branding across public pages.
   Loaded last so page-specific legacy rules cannot undo the responsive header. */
:root{--aie-header-mobile:72px;--aie-header-desktop:88px}
html{scroll-padding-top:calc(var(--aie-header-desktop) + 16px)}
/* Sticky stays in document flow; no compensation spacer or hidden first section. */
body > header.header, body > header.top{
  position:sticky!important;top:0!important;z-index:100040!important;
  height:var(--aie-header-desktop)!important;min-height:var(--aie-header-desktop)!important;
  max-height:var(--aie-header-desktop)!important;
  width:100%!important;box-sizing:border-box!important;
  background:rgba(3,16,8,.97)!important;
  border-bottom:1px solid rgba(201,159,71,.25)!important;
  box-shadow:0 6px 24px rgba(0,0,0,.32)!important;
  isolation:isolate;
}
body > header.header .nav-bar{height:100%!important;min-height:0!important}
body > header.header .brand img,body > header.top img[src*="aie-logo-silver-horizontal"]{
  display:block!important;width:clamp(145px,13vw,203px)!important;
  max-width:203px!important;max-height:65px!important;height:auto!important;
  object-fit:contain!important;object-position:left center!important;
}
body > header.header .brand,body > header.top a:has(> img[src*="aie-logo-silver-horizontal"]){
  min-width:0!important;flex-shrink:0!important;
}
/* Standalone pages previously had extra button borders on their only logo link. */
body > header.top > a:has(> img[src*="aie-logo-silver-horizontal"]){
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;line-height:1!important;
}
body > header.top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 clamp(18px,4.5vw,70px)!important}
body > header.top .top-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:0!important;height:100%!important}
/* Hide any redundant in-header return links; the back control stays in page content. */
body > header.top .aie-page-back{display:none!important}
/* The menu is fixed to viewport and anchored at the same level as the header. */
.aie-global-trigger{top:calc((var(--aie-header-desktop) - 45px)/2)!important;right:max(18px,env(safe-area-inset-right))!important;z-index:100050!important}
/* Space is reserved for the menu icon on the simple internal pages. */
body > header.top{padding-right:max(84px,env(safe-area-inset-right) + 77px)!important}
body > header.top .top-right{margin-right:0!important}
@media(max-width:1023px){
 :root{--aie-header-mobile:72px}
 html{scroll-padding-top:calc(var(--aie-header-mobile) + 12px)}
 body > header.header,body > header.top{
   height:var(--aie-header-mobile)!important;min-height:var(--aie-header-mobile)!important;
   max-height:var(--aie-header-mobile)!important;
 }
 body > header.header .nav-bar{height:100%!important;min-height:0!important}
 body > header.header .brand img,body > header.top img[src*="aie-logo-silver-horizontal"]{
   width:162px!important;max-width:162px!important;max-height:55px!important;
 }
 body > header.top{padding-left:18px!important;padding-right:82px!important}
 .aie-global-trigger{top:calc((var(--aie-header-mobile) - 45px)/2)!important;right:max(14px,env(safe-area-inset-right))!important}
 body > header.header .nav-actions{margin-right:64px!important}
 body > header.top .top-cta{display:none!important}
}
@media(max-width:420px){
 body > header.header .brand img,body > header.top img[src*="aie-logo-silver-horizontal"]{width:142px!important;max-width:142px!important;max-height:50px!important}
 body > header.header .nav-actions{margin-right:56px!important}
}
@media(max-width:340px){
 body > header.header .brand img,body > header.top img[src*="aie-logo-silver-horizontal"]{width:124px!important;max-width:124px!important}
}
