/* Logical spacing keeps the hosted tools readable in Arabic at every width. */
html[lang="ar"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7}
html[lang="ar"] :is(h1,h2,h3,h4,.eyebrow,.brand-sub,.nav-label,.button,button,input,select,textarea){font-family:inherit;letter-spacing:normal}
html[lang="ar"] :is(h1,h2,h3,h4){line-height:1.5}
html[lang="ar"] :is(input[type="url"],input[type="email"],code){direction:ltr;text-align:start}
html[lang="ar"] :is(.rail,.sidebar){border-inline-start:0;border-inline-end:1px solid var(--line,#d8cdbb)}
html[lang="ar"] .search-box input{text-align:start}
html[lang="ar"] :is(.nav-label,.step-label,.form-grid label){text-align:start}
html[lang="ar"] .account-mini-copy{min-width:0;text-align:start}
html[lang="ar"] :is(.chevron,.crumb>svg){transform:scaleX(-1)}
@media(max-width:700px){html[lang="ar"] :is(.button,button){white-space:normal}}
@media(max-width:760px){
 html[lang="ar"] .rail{height:auto;min-height:112px;flex-wrap:wrap;padding:12px 16px 4px;gap:6px}
 html[lang="ar"] .rail .brand{width:100%;justify-content:start}
 html[lang="ar"] .rail .nav-list{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 html[lang="ar"] .rail .nav-item{padding:6px 3px;min-height:56px;min-width:0}
 html[lang="ar"] .rail .nav-label{font-size:12px;line-height:1.4;white-space:normal;text-align:center}
 html[lang="ar"] .main-area{min-width:0}
}