/* The mobile header keeps language + support; page sections use the bottom navigation. */
@media(max-width:760px){
 .site-header .header-inner{height:auto;min-height:72px;padding-block:8px;gap:7px}
 .site-header .brand{flex:1 1 auto;min-width:0}
 .site-header .brand-wordmark{display:block;min-width:0;width:100%}
 .site-header .brand .brand-wordmark .brand-lettering{width:200px;max-width:100%;height:auto}
 .site-header .header-actions{flex:0 0 auto;gap:5px}
 .site-header .language-trigger{min-width:44px;height:44px;padding-inline:7px;gap:5px}
 .site-header .language-globe{display:none}
 .site-header .language-code{font-size:11px}
 .site-header .header-actions>.coffee-button{display:flex;flex:none;width:126px;min-width:0;min-height:44px;height:auto;justify-content:center;padding:7px;gap:6px;border-radius:7px}
 .site-header .coffee-button>span{display:block;flex:1;min-width:0;white-space:normal;font-size:11px;line-height:1.3;text-align:center}
 .site-header .coffee-button>svg{width:16px;height:16px}
 .supporter-ribbon .ribbon-end{display:none}
}
@media(max-width:380px){
 .site-header .header-inner{gap:6px}
 .site-header .header-actions>.coffee-button{width:106px}
 .site-header .coffee-button>svg{display:none}
}