/* Explicit language choice: typography, not another filled action button. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body header{display:flex;align-items:center;flex-wrap:nowrap;gap:20px;min-height:76px}
html body header>.header-language{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:0;margin:0 0 0 auto;padding:0;border:0;background:transparent;flex:0 0 auto}
html body header>.header-language a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#8693a2;font-size:13px;font-weight:500;line-height:1;letter-spacing:.08em;text-decoration:none}
html body header>.header-language a::after{content:'';position:absolute;bottom:7px;left:14px;right:14px;height:2px;background:transparent}
html body header>.header-language a[aria-current=true]{color:#f4f7fb;background:transparent}
html body header>.header-language a[aria-current=true]::after{background:#3987ff}
html body header>.header-language a:focus-visible{outline:2px solid #8abaff;outline-offset:-2px;border-radius:4px}
@media(hover:hover){html body header>.header-language a:hover{color:#fff;background:transparent}}
@media(min-width:1100px){html body header>.header-language{margin-left:4px}}
@media(max-width:600px){html body header{min-height:68px;padding:10px 16px;gap:8px}html body header>.wordmark{flex:0 1 auto;min-width:0;max-width:none;width:auto;font-size:18px}html body header .brand-word{width:clamp(122px,35vw,152px);height:auto}html body header .brand-symbol{width:22px;height:22px;margin-right:7px}html body header>.header-language{margin-left:auto}html body header>.header-language a{min-width:44px;padding:0 6px;font-size:12px}html body header>.header-language a::after{left:12px;right:12px}html body header>.menu-toggle{margin:0;width:44px;min-width:44px;flex:0 0 44px}}
@media(max-width:350px){html body header{padding-inline:12px;gap:5px}html body header .brand-word{width:106px}html body header .brand-symbol{width:20px;margin-right:5px}}
/* Allow the actual SVG to shrink with its flex item, including on award/editor pages. */
@media(max-width:600px){html body header>.wordmark{flex:0 1 190px;align-items:center}html body header>.wordmark .brand-word{flex:1 1 auto;min-width:0;max-width:152px;width:100%;height:auto}html body header>.wordmark .brand-symbol{flex:0 0 22px;width:22px;height:22px;margin-right:7px}html body header>.header-language{flex-shrink:0}}