/**
 * Pin .site-header height across MPA navigations.
 * mobile-shell.v5.css sets height:auto at ≥961px, which fights site.v10.css
 * and lets the logo's intrinsic 342×160 flash before compact/CSS settle.
 * New filename — do not edit hashed site.v10.css / mobile-shell.v5.css.
 */
:root {
  --header-h: 64px;
  --header-h-compact: 56px;
}
.site-header {
  height: var(--header-h);
  min-height: var(--header-h);
  max-height: var(--header-h);
  transition: background .18s ease, box-shadow .18s ease;
}
.site-header.is-compact {
  height: var(--header-h-compact);
  min-height: var(--header-h-compact);
  max-height: var(--header-h-compact);
}
.header-inner {
  height: 100%;
}
img.logo-text {
  display: block;
  height: 32px;
  width: auto;
  max-width: 148px;
  aspect-ratio: 342 / 160;
}
.site-header.is-compact img.logo-text {
  height: 28px;
}

@media (min-width: 961px) {
  .site-header {
    height: var(--header-h);
    min-height: var(--header-h);
    max-height: var(--header-h);
  }
  .site-header.is-compact {
    height: var(--header-h-compact);
    min-height: var(--header-h-compact);
    max-height: var(--header-h-compact);
  }
  .header-inner {
    height: 100%;
  }
}

@media (max-width: 768px) {
  .site-header,
  .header-inner {
    height: 64px;
    min-height: 64px;
    max-height: 64px;
  }
}