.language-control{position:relative;display:inline-flex;flex-shrink:0;direction:ltr;font-size:14px;margin-inline-start:16px;z-index:80}.language-trigger{display:flex;align-items:center;gap:9px;font:inherit;font-weight:500;color:#fff!important;background:#080808;border:1px solid #080808;border-radius:999px;padding:9px 13px;min-height:44px;max-width:164px;cursor:pointer;transition:background .2s}.language-trigger:hover{background:#282828}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid #888;outline-offset:3px}.language-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-current-flag{display:flex;flex-shrink:0}.flag-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ffffff25}.flag-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:30px;line-height:1;display:block;transform:scale(1.3);flex-shrink:0}.language-chevron{width:10px;height:7px;flex-shrink:0;margin-inline-start:2px;transition:transform .2s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-options{position:absolute;top:calc(100% + 8px);right:0;width:195px;max-width:calc(100vw - 28px);background:#080808;color:#fff;border:1px solid #333;border-radius:14px;padding:6px;box-shadow:0 12px 35px #0003}.language-options[hidden]{display:none}.language-option{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;padding:10px;font:inherit;text-align:start;color:#fff!important;background:transparent;cursor:pointer;min-height:44px}.language-option:hover,.language-option:focus-visible,.language-option[aria-checked=true]{background:#282828}.language-check{margin-inline-start:auto;opacity:0}.language-option[aria-checked=true] .language-check{opacity:1}.site-nav>.language-control{margin-inline-start:20px}.nav>.language-control{margin-inline-start:auto}.nav .nav-links{margin-inline-start:auto}/* Keep the same layout in Arabic; only the text's bidi order changes. */
html[lang=ar] body{direction:ltr;text-align:left}
html[lang=ar] body *{unicode-bidi:plaintext;letter-spacing:normal}
html[lang=ar] .email-address,html[lang=ar] .handle{direction:ltr;unicode-bidi:isolate}
@media(max-width:700px){.language-control{font-size:12px;margin-inline-start:8px!important;gap:3px}.language-trigger{max-width:130px;gap:6px;padding:7px 9px;min-height:40px}.flag-circle{width:22px;height:22px}.site-nav{gap:8px}.site-nav .wordmark{width:105px;flex-shrink:0}.site-nav .menu-toggle{margin-inline-start:auto}.contact-nav{gap:8px}.contact-nav .pill{font-size:11px;padding:10px}.nav{flex-wrap:wrap;gap:12px}.nav>.language-control{margin-inline-start:auto!important}}@media(min-width:701px) and (max-width:1100px){.site-nav{gap:8px;padding-inline:22px}.site-nav .nav-links{gap:16px}.site-nav>.language-control{margin-inline-start:8px}.language-trigger{max-width:140px}}
@media(max-width:380px){.site-nav{padding-inline:14px}.site-nav .wordmark{width:84px}.language-trigger{max-width:112px;gap:5px;padding:7px}.language-chevron{width:8px}.contact-nav .pill{max-width:80px;white-space:normal;font-size:10px;padding:7px;line-height:1.3}.contact-nav{gap:4px}}
