/* Shared header geometry: page-specific styles must not move the language controls. */
/* Match the wordmark's width while Sacramento loads, so the controls stay put. */
@font-face{font-family:'Cesarino wordmark fallback';src:local('Times New Roman'),local('TimesNewRomanPSMT'),local('Liberation Serif');size-adjust:83.72%;font-weight:400;font-style:normal}
.brand-type{font-family:Sacramento,'Cesarino wordmark fallback',cursive}
.language-nav,.language-nav a,.menu-toggle{flex-shrink:0}
.menu-toggle{width:44px;padding-inline:0}

/* Keep the three controls on one row, including the widths just above 430px. */
@media screen and (max-width:1100px){
 .header-inner{flex-wrap:nowrap}
}
@media screen and (max-width:600px){
 .header-inner{min-height:76px;gap:9px}
 .brand{gap:7px}
 .brand img{width:60px;height:60px}
 .brand-type{font-size:min(1.85rem,8.23vw);padding-top:7px}
 .brand-type small{display:none}
 .language-nav{gap:0}
 .language-nav a{width:30px;min-height:44px;font-size:.875rem}
}

/* Preserve the compact home layout on short screens, consistently on every page. */
@media screen and (max-width:700px) and (max-height:600px) and (max-aspect-ratio:1/1){
 .header-inner{min-height:60px}
 .brand img{width:48px;height:48px}
 .brand-type{font-size:min(1.8rem,8.23vw)}
 .brand-type small{display:none}
}
@media screen and (max-height:540px) and (min-aspect-ratio:11/10){
 .header-inner{min-height:58px;column-gap:12px}
 .brand img{width:48px;height:48px}
 .brand-type{font-size:min(2rem,8.23vw)}
 .brand-type small{display:none}
}

/* Enlarged type gets the same space in every language and on every page. */
.large-text .brand-type small{display:none}
.large-text .language-nav{gap:4px}
.large-text .language-nav a{width:max(44px,1.8em);min-height:max(44px,1.8em)}
@media screen and (max-width:760px){
 .large-text .header-inner{flex-wrap:wrap;gap:8px 10px;padding-block:8px}
 .large-text .brand{flex-basis:100%;min-width:0}
}