/* One public header: the approved homepage wordmark and mobile layout. */
html .site-v4.site-v4 > .masthead-nav .sticky-brand-en { display: none; font-family: var(--camel); font-size: 1.65rem; white-space: nowrap; color: var(--brand-ink); }
html[lang="en"] .site-v4.site-v4 > .masthead-nav .sticky-brand-en { display: inline; }
html[lang="en"] .site-v4.site-v4 > .masthead-nav .sticky-brand-wordmark { display: none; }
html .site-v4.site-v4 > .masthead-nav {
  position: sticky; top: 0; z-index: 50;
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  gap: 12px; min-height: 68px; width: 100%; margin: 0;
  padding: 6px max(22px,calc((100vw - 1240px)/2));
  background: var(--brand-surface); color: var(--brand-ink);
  border: 0; border-bottom: 1px solid var(--brand-rule);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-theme="dark"] .site-v4.site-v4 > .masthead-nav { background: var(--brand-paper); }
html .site-v4.site-v4 > .masthead-nav .sticky-brand-cluster { grid-column: 1; grid-row: 1; gap: 7px; }
html .site-v4.site-v4 > .masthead-nav .sticky-brand { display: inline-flex; width: auto; min-width: 0; min-height: 44px; gap: 8px; }
html .site-v4.site-v4 > .masthead-nav .sticky-brand-wordmark { display: block; width: 165px; height: auto; }
html .site-v4.site-v4 > .masthead-nav .site-nav { display: flex; grid-column: 2; grid-row: 1; gap: 28px; justify-content: center; }
html .site-v4.site-v4 > .masthead-nav .language-switch { display: flex; grid-column: 3; grid-row: 1; justify-self: end; }
html .site-v4.site-v4 > .masthead-nav :is(.site-nav a,.language-switch button) { display: inline-flex; align-items: center; min-height: 44px; font-size: .95rem; color: var(--brand-muted); }
html .site-v4.site-v4 > .masthead-nav :is(.site-nav a.active,.site-nav a:hover,.language-switch button.active) { color: var(--brand-ink); }
@media (max-width: 760px) {
  html .site-v4.site-v4 > .masthead-nav { grid-template-columns: 1fr auto; gap: 8px; min-height: 108px; padding: 12px 20px 0; }
  html .site-v4.site-v4 > .masthead-nav .sticky-brand-wordmark { width: 132px; }
  html .site-v4.site-v4 > .masthead-nav .language-switch { grid-column: 2; }
  html .site-v4.site-v4 > .masthead-nav .site-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-content: space-between; gap: 8px; }
}
