.iw-language{display:flex;align-items:center;flex:none;margin-right:8px;z-index:100}
header .nav .logo,header .nav .brand{flex:none}
header .nav .logo-word{white-space:nowrap}
header .nav nav.links,header .nav>.btn{white-space:nowrap}
header .nav nav.links{gap:clamp(10px,1vw,18px);font-size:.85rem}
.iw-language-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.iw-language select{appearance:none;-webkit-appearance:none;min-width:52px;min-height:44px;padding:0 17px 0 10px;border:1px solid rgba(125,211,252,.4);border-radius:10px;background:#0b1a2e;color:#e0f2fe;font:600 .82rem Inter,system-ui,sans-serif;text-transform:lowercase;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%237dd3fc' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}
.iw-language select:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}
@media(min-width:1480px){header .nav.wrap{max-width:1480px}}
@media(max-width:1479px){header .nav nav.links{display:none}header .nav .nav-toggle{display:block}body .mobile-menu{display:flex}}
@media(max-width:700px){.iw-language{margin-right:4px}.nav .logo-word{display:none}}
footer .foot > div:last-child:not(.legal){flex-basis:100%;text-align:left}
.iw-english-only{font:600 .6em Inter,system-ui,sans-serif;letter-spacing:.04em;color:#7dd3fc;white-space:nowrap;vertical-align:super;margin-left:3px}
.mobile-menu a{justify-content:flex-start}
.mobile-menu a::after{margin-left:auto}
.mobile-menu a .iw-english-only{margin-left:auto}
.mobile-menu a:has(.iw-english-only)::after{margin-left:14px}
/* Translated pages with a back link (forms, /trust/): next to the language switcher it wraps onto several lines on phones; the logo already links home. */
@media(max-width:520px){header .nav>.back{display:none}}