/* header-960.css — moves the shared deep-page header's "two-row" tier from <=900px to <=960px.
   Why a separate file: site.css is intentionally untouched. These rules only cover 901–960px and
   replicate, property by property, the computed values the live header has at <=900px
   (measured in Chrome at 900 vs 961 on /exhibition/ and /en/exhibition/). The 128px desktop logo
   and everything outside the header keep their desktop values in this range.
   Scope: body:not(.v3-home) .site-header (deep pages, incl. 7-item nav). The home page has its own .v3-header. */
@media (min-width:901px) and (max-width:960px){
  body:not(.v3-home) .site-header{--xk-logo-w:86px;height:auto;min-height:112px;padding:12px 16px 14px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;column-gap:16px;row-gap:10px}
  body:not(.v3-home) .site-header nav{order:3;width:100%;justify-content:space-between;gap:0!important;margin:9px 0 0;padding-bottom:7px;overflow-x:auto;scrollbar-width:none}
  body:not(.v3-home) .site-header nav::-webkit-scrollbar{display:none}
  body:not(.v3-home) .site-header nav a.nav-item{flex:0 0 auto;min-width:42px;font-size:13px;white-space:nowrap}
  body:not(.v3-home) .site-header nav a.nav-item>span{font-size:12px}
  body:not(.v3-home) .site-header .language-note{margin:12px 0 0 auto;font-size:13px}
}
/* English labels are wider ("Art Station", "Exhibition", "Chronicle"): at <=400px the 42px minimum width is dropped so all 7 items fit at 360px */
@media (max-width:400px){
  html[lang="en"] body:not(.v3-home) .site-header nav a.nav-item{min-width:0}
}