/* A separate upper-right language row leaves the approved navigation controls intact. */
.language-bar{display:flex;justify-content:flex-end;width:100%;padding:4px 24px;box-sizing:border-box;flex-basis:100%}
.language-switch{display:flex;gap:8px;align-items:center}
.language-switch button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:22px;padding:2px 6px;border:1px solid #ffffff35;border-radius:4px;background:#11151b;color:#eeeae2;font:600 9px/1 Arial,sans-serif;cursor:pointer;white-space:nowrap}
.language-switch button::before{content:"";position:absolute;top:-11px;bottom:-11px;left:0;right:0;min-width:44px;min-height:44px}
.language-switch button[aria-pressed=true]{border-color:#d2b267;background:#302819;color:#ffe2a3}
.language-switch button:hover{border-color:#f0d2a2}
.language-switch button:focus-visible{outline:1.5px solid #ffe2a3;outline-offset:2px}
.language-switch img{display:block;width:13px;height:9px;object-fit:cover;border-radius:1px}
.language-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.navbar:has(.language-bar){display:block}
.navigation:has(.language-bar),.action-bar:has(.language-bar){flex-wrap:wrap}
.navigation .language-bar,.action-bar .language-bar{padding-right:0;padding-left:0}
html[lang=en] .company-hero .hero-title.heroes-creed{font-size:clamp(22px,3.4vw,52px)}
@media(max-width:767px){.language-bar{padding:3px 16px}html[lang=en] .company-hero .hero-title.heroes-creed{font-size:clamp(19px,6.1vw,28px)}}
/* Translated playbook headings must fit the existing narrow cover. */
@media(max-width:480px){.magazine-container .cover-title{font-size:clamp(25px,8vw,38px);overflow-wrap:anywhere}.magazine-container .cover-company{font-size:clamp(20px,6vw,28px);letter-spacing:4px}}
@media print{.language-bar,.language-status{display:none!important}}