/* Navigation and language links share a consistent, open layout. */
.global-header__navigation{display:flex;align-items:center;justify-content:center;justify-self:center;gap:10px;min-width:0}
.language-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:0;padding:1px;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(255,255,255,.035)}
.global-header .language-switch__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;font-size:12px;line-height:1;font-weight:750;color:#a9abb3;border-radius:4px;white-space:nowrap;transform:none}
.global-header .language-switch__link:hover{color:#fff;background:rgba(255,255,255,.10);transform:none}
.global-header .language-switch__link.is-active{color:#050507;background:#fff}
.document-language{font-size:12px;font-weight:400}
html[lang="fr"] h1{overflow-wrap:break-word;hyphens:auto}
/* Longer French navigation stays on a second row before it becomes crowded. */
@media(max-width:1320px){
  .global-header__inner{min-height:0;grid-template-columns:1fr auto;gap:8px 16px;padding:10px 0 12px}
  .global-header__navigation{grid-column:1/-1;grid-row:2;justify-self:stretch;gap:12px}
  .global-header__links{flex:1;grid-column:auto;grid-row:auto;justify-self:auto}
  .global-header__links>a{flex:1;text-align:center}
  :root{--sayams-header-offset:168px}
}
/* Compact navigation keeps the language links alongside it on mobile. */
@media(max-width:700px){
  .global-header__inner{gap:8px 10px;padding:8px 0}
  .global-header__navigation{gap:8px}
  .global-header__links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:auto}
  .global-header .global-header__links>a{grid-column:span 2;min-height:44px;padding:8px 4px;font-size:12px;white-space:normal;text-wrap:balance}
  .global-header .global-header__links>a:nth-last-child(-n+2){grid-column:span 3}
  .global-header .language-switch__link{min-width:44px;min-height:44px;padding:0 4px}
  :root{--sayams-header-offset:196px}
}
@media(max-height:550px) and (max-width:1320px){.global-header{position:relative}:root{--sayams-header-offset:16px}}