/* Arabic localization layer. Scoped to the topic template so the English site is unchanged. */
.st-rtl,.st-rtl .st-topic{direction:rtl;text-align:right}
.st-rtl .st-layout{direction:rtl}
.st-rtl .st-side{order:2}
.st-rtl .st-main{order:1}
.st-rtl .st-hero{direction:rtl}
.st-rtl .st-hero-actions{justify-content:flex-start}
.st-rtl .st-meta{direction:rtl}
.st-rtl .st-steps{padding-right:0;padding-left:0}
.st-rtl .st-steps li{display:flex;flex-direction:row;align-items:flex-start;gap:16px;text-align:right}
.st-rtl .st-step-no{order:0;flex:0 0 34px;margin:0}
.st-rtl .st-step-no+div{order:0;flex:1;min-width:0;text-align:right}
.st-rtl .st-table{direction:rtl}
.st-rtl .st-table th,.st-rtl .st-table td{text-align:right}
.st-rtl .st-media-grid,.st-rtl .st-grid-2{direction:rtl}
.st-rtl .st-hero-visual figcaption,.st-rtl .st-figure figcaption,.st-rtl .st-media-card figcaption{direction:rtl;text-align:right}
.st-rtl .st-cta,.st-rtl .st-source-note{direction:rtl}
.st-rtl a[href^="tel:"],.st-rtl a[href^="tel:"] bdi{direction:ltr;unicode-bidi:isolate}
.st-rtl .st-hero-visual svg,.st-rtl .st-figure svg{direction:rtl}
.st-rtl .ehc-hp{display:none!important}
/* Arabic desktop header: keep the brand at left and the phone CTA at right. */
@media (min-width:900px){
  html[dir="rtl"] .navbar .container{direction:ltr}
  html[dir="rtl"] .navbar .nav-links{direction:rtl}
}
@media (max-width:899px){.st-rtl .st-layout{display:block}.st-rtl .st-side{margin-top:24px}}