/* Elite-US V3.6.3 — 90% global scale + balanced horizontal layout */
:root{--elite-layout-width:94%;--elite-layout-max:1440px;--elite-nav-width:98%}

/* Requested general visual zoom. CSS zoom affects layout, unlike transform:scale(). */
html{zoom:.90}

/* Keep left/right gutters symmetrical throughout the portal. */
.container{
  width:min(var(--elite-layout-width),var(--elite-layout-max))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Navigation may use almost the complete horizontal surface. */
.site-header .nav-wrap{
  width:var(--elite-nav-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  gap:12px!important;
}
.site-header .brand{flex:0 0 auto;margin-right:6px!important}
.site-header .main-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  gap:5px!important;
}
.site-header .nav-parent{padding-left:9px!important;padding-right:9px!important}
.site-header .main-nav>.nav-home{padding-left:9px!important;padding-right:9px!important}
.site-header .language-switch{flex:0 0 auto!important}
.site-header .desktop-cta{flex:0 0 auto!important;margin-left:2px!important}

/* Avoid tiny asymmetric overflows created by older width rules. */
main,.footer,.site-header{width:100%!important;max-width:100%!important}
section{max-width:100%!important}

/* Secondary shells use the same centered geometry. */
.account-shell .container,.privacy-shell .container,.admin-shell .container{
  width:min(var(--elite-layout-width),var(--elite-layout-max))!important;
  margin-inline:auto!important;
}

@media(max-width:1240px){
  .container{width:95%!important}
  .site-header .nav-wrap{width:98%!important}
  .site-header .brand small{display:none}
  .site-header .nav-parent,.site-header .main-nav>.nav-home{padding-inline:7px!important}
}
@media(max-width:980px){
  .container{width:min(100% - 28px,920px)!important}
  .site-header .nav-wrap{width:calc(100% - 20px)!important}
  .site-header .main-nav{justify-content:flex-start!important}
}
@media(max-width:640px){
  .container{width:calc(100% - 22px)!important}
  .site-header .nav-wrap{width:calc(100% - 16px)!important}
}