/* A visible, ordinary link keeps language selection available without scripts. */
.header-inner{column-gap:22px}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:2px;border-left:1px solid var(--line);padding-left:12px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;font-size:.76rem;text-decoration:none;letter-spacing:.04em;color:var(--muted)}
.language-switch a[aria-current]{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:7px}
.language-switch a:hover{color:var(--copper)}
#main-nav{margin-left:auto;gap:22px}
html[lang=fr] #main-nav{gap:18px}
@media(max-width:1200px){
 .header-inner{flex-wrap:wrap;gap:12px 18px;padding-block:16px}
 .header-inner>.brand{margin-right:auto}
 .language-switch{order:2}
 .menu-toggle:not([hidden]){display:inline-flex;align-items:center;gap:8px;order:3;padding:10px 0 10px 8px}
 #main-nav{order:4;width:100%;margin-left:0;flex-wrap:wrap;padding-block:15px;gap:22px}
 .js #main-nav:not(.open){display:none}
 .js #main-nav.open{display:flex}
}
@media(max-width:420px){
 .header-inner{column-gap:8px}
 .header-inner .brand-image{width:150px}
 .header-inner .brand .brand-pillars{font-size:.49rem}
 .language-switch{padding-left:6px}
 .language-switch a{min-width:30px}
 .menu-toggle{font-size:.82rem}
}
@media print{.language-switch{display:none}}
@media(max-width:360px){
 .header-inner{column-gap:6px}
 .header-inner .brand-image{width:130px}
 .header-inner .brand .brand-pillars{font-size:.43rem}
}

/* Self-hosted Arabic subset; the licence is adjacent to the font file. */
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/noto-sans-arabic-variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.language-switch a[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:normal;min-width:64px}
/* The third choice stays usable at 320px by giving the brand its own row. */
@media(max-width:420px){
 .header-inner>.brand{flex-basis:100%;align-items:center;margin:0}
 .language-switch{margin-inline-end:auto}
 .language-switch a{min-width:44px}
 .language-switch a[lang=ar]{min-width:64px}
 .menu-toggle:not([hidden]){min-height:44px;padding-inline:8px}
}
html[lang=ar]{font-family:'Noto Sans Arabic',Arial,Helvetica,sans-serif;line-height:1.85}
html[lang=ar] *{letter-spacing:normal!important}
html[lang=ar] :is(h1,h2,h3,.large-copy,.step-number,.pulse-tagline){font-family:inherit;line-height:1.5}
html[lang=ar] .brand-pillars{line-height:1.75;font-size:.62rem}
html[lang=ar] .header-inner>.brand{margin-right:0;margin-inline-end:auto}
html[lang=ar] #main-nav{margin-left:0;margin-inline-start:auto;gap:18px}
html[lang=ar] .language-switch{border-left:0;border-inline-start:1px solid var(--line);padding-left:0;padding-inline-start:12px}
html[lang=ar] .reading-progress{transform-origin:right}
html[lang=ar] .page-heading-copy{border-left:0;border-inline-start:3px solid var(--copper);padding-left:0;padding-inline-start:26px}
html[lang=ar] .scope-note{border-left:0;border-inline-start:3px solid var(--copper)}
html[lang=ar] :is(.prose ul,.article ul,.contact-aside ul){padding-left:0;padding-inline-start:22px}
html[lang=ar] .article li{padding-left:0;padding-inline-start:5px}
html[lang=ar] :is(.scope-table,.row-label){text-align:start}
html[lang=ar] .scope-table{table-layout:fixed}
html[lang=ar] .service-options summary>span{margin-left:0;margin-inline-start:auto}
html[lang=ar] .service-options summary::after{margin-left:0;margin-inline-start:12px}
html[lang=ar] .product-status::before{margin-right:0;margin-inline-end:8px}
html[lang=ar].motion-enabled .process::before,html[lang=ar].motion-enabled .process::after{left:auto;right:23px}
html[lang=ar] .skip{left:auto;inset-inline-start:1rem}
/* Moving a hidden field left creates scrollable space in an RTL viewport. */
html[lang=ar] .hp-field{left:auto;right:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
html[lang=ar] :is(a[href^='tel:'],a[href^='mailto:'],#enquiry-reference){direction:ltr;unicode-bidi:isolate;display:inline-block;max-width:100%;overflow-wrap:anywhere}
html[lang=ar] :is(input,textarea,.review-panel dd){unicode-bidi:plaintext;text-align:start}
html[lang=ar] :is(.review-panel dd,.copy-fallback){overflow-wrap:anywhere}
html[lang=ar] .oido-video-player{direction:ltr}
html[lang=ar] video::cue{font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:clamp(14px,2vw,32px);line-height:1.6}
html[lang=ar] .oido-introduction-label{flex-wrap:wrap}
html[lang=ar] .oido-introduction-label>span:last-child{white-space:normal}
html[lang=ar] .oido-video-bar{align-items:flex-start}
html[lang=ar] .oido-video-bar h2{min-width:0}
html[lang=ar] .oido-video-close{flex-shrink:0}
@media(max-width:1200px){html[lang=ar] #main-nav{margin-inline-start:0}}
@media(max-width:700px){
 html[lang=ar] .page-heading-copy{padding-inline-start:19px}
 html[lang=ar] .hero h1{font-size:2.35rem}
 html[lang=ar] .oido-video-bar h2{font-size:1.02rem}
}
@media(max-width:420px){
 html[lang=ar] .header-inner>.brand{margin:0}
 html[lang=ar] .language-switch{padding-inline-start:6px}
 html[lang=ar] .brand .brand-pillars{font-size:.62rem}
}

html[lang=ar] .pulse-function-copy{padding-right:0;padding-inline-end:28px}
html[lang=ar] .contact-options a>span{direction:rtl;text-align:start}
@media(max-width:650px){html[lang=ar] .pulse-function-copy{padding-inline-end:0}}