/* Desktop menu only. Text and hit areas are static; icons and underlines animate. */
@media(min-width:901px){
 html body#nw-web#nw-web [data-desktop-header]{left:0!important;right:0!important;width:min(93%,1360px)!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;translate:none!important;scale:none!important}
 /* Horizontal transform belongs to centering. Animate only the independent
    vertical dock movement, so crossing 1920px never slides controls sideways. */
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header]{translate:0 0!important;transition:opacity .32s ease,translate .38s ease,visibility 0s}
 html body#nw-web#nw-web[data-desktop-kind="pages"].is-docked [data-desktop-header]{translate:0 -12px!important;transition:opacity .32s ease,translate .38s ease,visibility 0s .38s}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand){isolation:isolate;transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-nav-text{display:block!important;position:static!important;margin:0!important;padding:0!important;line-height:26px!important;pointer-events:none!important}

 html body#nw-web#nw-web [data-desktop-header] .brand{font:650 18px/1.4 Manrope,Arial,sans-serif!important;letter-spacing:0!important;gap:10px!important}
 html body#nw-web#nw-web [data-desktop-header] nav a,html body#nw-web#nw-web [data-desktop-header] :is(.cabinet,.cabinet-link){font:600 18px/26px Manrope,Arial,sans-serif!important;letter-spacing:0!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-header-icon{display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;margin:0 8px 0 0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round;transform:none!important;transition:none!important;pointer-events:none!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-control-line,html body#nw-web#nw-web [data-desktop-header] a:not(.brand):after{left:0!important;right:0!important;width:auto!important;bottom:3px!important}
 html body#nw-web#nw-web [data-desktop-header] .brand .nw-nav-text{transform:none!important;transition:none!important}
}
@media(min-width:901px){
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-nav-text,
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand):is(:hover,:focus,:focus-visible,:active)>.nw-nav-text{
  transform:none!important;translate:none!important;scale:none!important;rotate:none!important;filter:none!important;
  top:auto!important;transition:none!important;animation:none!important;will-change:auto!important;backface-visibility:visible!important;
 }
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-control-line,
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand):after{
  transform:scaleX(.35)!important;transform-origin:center!important;opacity:0!important;
  transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease!important;
 }
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand):is(:hover,:focus-visible,[aria-current])>.nw-control-line,
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand):is(:hover,:focus-visible,[aria-current]):after{
  transform:scaleX(1)!important;opacity:1!important;
 }
}
@media(min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-header-icon{
  transform:translateY(0)!important;will-change:auto!important;
  transition:transform .28s cubic-bezier(.4,0,.2,1)!important;
 }
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand):is(:hover,:focus-visible)>.nw-header-icon{transform:translateY(-3px)!important}
}
@media(prefers-reduced-motion:reduce){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header],
 html body#nw-web#nw-web[data-desktop-kind="pages"].is-docked [data-desktop-header]{transition:none!important}
 html body#nw-web#nw-web [data-desktop-header] .nw-header-icon,
 html body#nw-web#nw-web [data-desktop-header] .nw-control-line,
 html body#nw-web#nw-web [data-desktop-header] a:after{transition:none!important}
}
@media(min-width:901px){
 html[data-nw-nav-pending] body#nw-web#nw-web [data-desktop-header],html[data-nw-nav-pending] body#nw-web#nw-web [data-desktop-dock]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important}
}

/* Do not let non-wrapping labels overflow shrinking flex items near the mobile breakpoint. */
@media(min-width:901px) and (max-width:1100px){
 html body#nw-web#nw-web [data-desktop-header]{width:95%!important;gap:12px!important}
 html body#nw-web#nw-web [data-desktop-header] .brand{font-size:16px!important}
 html body#nw-web#nw-web [data-desktop-header] nav{gap:12px!important;flex-shrink:0!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand){font-size:16px!important;flex-shrink:0!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-header-icon{width:17px!important;height:17px!important;flex-basis:17px!important;margin-right:6px!important}
}

@media(min-width:901px) and (max-width:960px){
 html body#nw-web#nw-web [data-desktop-header],html body#nw-web#nw-web [data-desktop-header] nav{gap:4px!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-header-icon{margin-right:4px!important}
}

/* Keep internal pages on the same horizontal menu rail as the homepage. */
@media(min-width:1300px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header]{gap:0!important;justify-content:flex-start!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{gap:10px!important;margin-left:calc(50% - 497px)!important;flex:0 0 auto!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .cabinet-link{margin-left:auto!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .nw-settings{margin-left:24px!important}
 html[lang="en"] body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{left:calc(50% - 12px)!important}
}
@media(min-width:1101px) and (max-width:1299px){
 html[lang="en"] body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{position:relative!important;left:22px!important}
}
@media(min-width:901px) and (max-width:1100px){
 html[lang="en"] body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{position:relative!important;left:14px!important}
}
@media(min-width:1300px) and (max-width:1349px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .nw-settings{margin-left:8px!important}
}
@media(min-width:1101px) and (max-width:1299px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header]{gap:8px!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{gap:8px!important;flex-shrink:0!important}
}
@media(min-width:1101px) and (max-width:1199px){
 html body#nw-web#nw-web [data-desktop-header] :is(.brand,nav a,.cabinet-link,.cabinet-zone a){font-size:16px!important}
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand)>.nw-header-icon{width:17px!important;height:17px!important;flex-basis:17px!important;margin-right:6px!important}
}


/* Navigation icons use a cool sky-blue glow, like the settings controls.
   Labels and hit areas retain their existing geometry. */
@media(min-width:901px){
 html body#nw-web#nw-web :is([data-desktop-header],[data-desktop-dock]) a:not(.brand)>svg{transition:transform .28s cubic-bezier(.4,0,.2,1),filter .22s ease,color .22s ease!important}
 html body#nw-web#nw-web :is([data-desktop-header],[data-desktop-dock]) a:not(.brand):is(:hover,:focus-visible)>svg{color:#a9d5ff!important;filter:drop-shadow(0 0 5px #75baffaa)!important}
 html[data-theme="light"] body#nw-web#nw-web :is([data-desktop-header],[data-desktop-dock]) a:not(.brand):is(:hover,:focus-visible)>svg{color:#7040a8!important;filter:drop-shadow(0 0 5px #9f66dbaa)!important}
}
@media(prefers-reduced-motion:reduce){html body#nw-web#nw-web :is([data-desktop-header],[data-desktop-dock]) a:not(.brand)>svg{transition:none!important}}

/* The account glyph has a narrower drawing inside its viewBox; give it a
   one-step size increase at the compact desktop widths used by inner pages. */
@media(min-width:901px) and (max-width:1480px){
 html body#nw-web#nw-web [data-desktop-header] a:not(.brand).cabinet-link>.nw-header-icon{width:19px!important;height:19px!important;flex-basis:19px!important}
}

/* Page labels differ in length; center their group on the homepage menu axis
   and keep the same vertical hit areas across desktop sizes. */
@media(min-width:901px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] :is(nav a,.cabinet-link){
  height:clamp(44px,2.291667vw,100px)!important;min-height:0!important;
  padding-block:0!important;align-items:center!important;
 }
}
@media(min-width:1300px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header]{justify-content:flex-start!important;gap:0!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{
  position:absolute!important;left:calc(50% - 34px)!important;
  margin:0!important;transform:translateX(-50%)!important;
 }
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .cabinet-link{margin-left:auto!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .nw-settings{margin-left:24px!important}
}

/* Keep the inner-page menu on the homepage's centre axis at compact desktop
   widths too.  Flex distribution otherwise shifts the longer four-link group
   left as the cabinet and settings controls consume space. */
@media(min-width:901px) and (max-width:1299px){
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header]{position:relative!important;justify-content:flex-start!important;gap:0!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{
  position:absolute!important;
  left:calc(50% - clamp(20px,2.65625vw,34px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
 }
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .cabinet-link{margin-left:auto!important}
 html body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] .nw-settings{margin-left:24px!important}
}

/* English labels occupy less space; the homepage keeps that group close to
   the header centre.  Use the same small language-specific offset so it never
   collides with the brand at compact widths or drifts right on wide screens. */
@media(min-width:901px){
 html[lang="en"] body#nw-web#nw-web[data-desktop-kind="pages"] [data-desktop-header] nav{
  position:absolute!important;
  left:calc(50% - clamp(3px,.694444vw,12px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
 }
}