.header-display-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.language-select{font:inherit;font-size:.85rem;min-height:36px;max-width:110px;padding:6px 8px;border:1px solid var(--line,#dae3e9);border-radius:8px;background:var(--bg,#fff);color:var(--text,#183544);cursor:pointer}
.language-select:focus-visible{outline:3px solid #e99414;outline-offset:2px}
.header-display-controls .theme-toggle{flex-shrink:0}
html[lang=en] .site-header{grid-template-columns:minmax(180px,1fr) auto auto auto;gap:12px}
html[lang=en] .brand-logo{width:min(380px,29vw)}
html[lang=en] .nav a{font-size:.82rem;padding-inline:10px}
html[lang=en] :is(h1,h2,h3,.pump-class-button,.filter-button,.brand-filter-copy){overflow-wrap:break-word}
html[lang=en] .pump-specs>span{min-width:0}
html[lang=en] .pump-specs strong{overflow-wrap:anywhere}
html[lang=en] .hero h1 span{white-space:normal}
html[lang=en] :is(.hero-copy,.hero-media,.hero,.series-hero>div,.pump-page-hero>div){min-width:0}
html[lang=en] .hero-copy .kicker{white-space:normal}
@media(max-width:1000px){html[lang=en] .site-header{height:auto;min-height:80px;display:flex;flex-wrap:wrap;padding-block:10px}html[lang=en] .brand{flex:1}html[lang=en] .brand-logo{width:min(420px,65vw)}html[lang=en] .pill-nav{order:5;width:100%;overflow-x:auto}html[lang=en] .nav{width:max-content;max-width:none}}
@media(max-width:640px){html[lang=en] .nav{display:flex;justify-content:flex-start;width:100%;overflow-x:auto}html[lang=en] .nav a{flex:0 0 auto;min-width:auto;padding-inline:12px}html[lang=en] .hero{grid-template-columns:minmax(0,1fr)}html[lang=en] .hero-actions{flex-wrap:wrap}}
@media(max-width:600px){.language-bar{padding:4px 12px}.language-bar a{min-height:36px}html[lang=en] .brand-logo{width:min(300px,62vw)}html[lang=en] .header-contact{display:none}}
/* Keep the original dark logo lettering legible on dark header surfaces. */
:root{--header-logo-background:transparent}
:root[data-theme="dark"]{--header-logo-background:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--header-logo-background:#fff}}
.site-header .brand-logo{background:var(--header-logo-background);border-radius:6px;padding:4px 8px}
.site-header .brand-logo{width:auto;max-width:100%;height:56px}
@media(max-width:1000px){.site-header .brand-logo{height:44px}}
@media(max-width:600px){.site-header .brand-logo{height:auto;max-height:40px}}