/* T4 only. Public FR/EN and the homepage never load these rules. */
html[lang=ar] :is(.usage-hero,.usage-themes,.usage-cta,.ucx-main){text-align:start}
html[lang=ar] :is(.theme-card,.ucx-person,.ucx-context,.ucx-actions)>*{min-inline-size:0}
html[lang=ar] :is(.theme-card h3,.ucx-heading h1,.ucx-situation h2,.ucx-framework h2){line-height:1.55}
html[lang=ar] .ucx-context .ar-context-segment{color:var(--ink-2);max-inline-size:100%}
html[lang=ar] .ucx-context{line-height:1.9}
html[lang=ar] :is(.ucx-person-details dt,.ucx-person-details dd){font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.8}
html[lang=ar] .ucx-step-number{direction:ltr;unicode-bidi:isolate}
html[lang=ar] :is(.ucx-back,.ucx-demo,.theme-example){white-space:normal;line-height:1.8}
html[lang=ar] .ucx-difficulty{line-height:1.8}
html[lang=ar] .ucx-identity bdi{overflow-wrap:anywhere}
html[lang=ar] .nav-links{margin-inline-start:auto;margin-inline-end:0}
html[lang=ar] .ar-language-notice{color:#535c71}
html[lang=ar] .usage-hero .ar-language-notice{color:#d5d9e7}
@media(max-width:480px){
 html[lang=ar] .ucx-heading h1{font-size:32px}
 html[lang=ar] .ucx-identity{flex-wrap:wrap}
 html[lang=ar] .ucx-back{max-inline-size:100%}
}

html[lang=ar] .ar-situation-text{min-inline-size:0}
html[lang=ar] :is(.situations li::before,.ucx-initials){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .ar-number{white-space:nowrap}