/* ---------- Arabic (RTL) version of the home page ---------- */
html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic",var(--sans);line-height:1.85}
html[dir="rtl"] *{letter-spacing:0!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] .lockup .name b,
html[dir="rtl"] .btn,html[dir="rtl"] .eyebrow,html[dir="rtl"] .tag,html[dir="rtl"] summary,html[dir="rtl"] .num-label{font-family:"IBM Plex Sans Arabic",var(--head)}
html[dir="rtl"] h1{font-size:clamp(34px,5.2vw,62px);line-height:1.3;font-weight:700}
html[dir="rtl"] h2{line-height:1.35}
html[dir="rtl"] .eyebrow{text-transform:none;font-size:14px}
html[dir="rtl"] .lockup .name small{text-transform:none;font-family:"IBM Plex Sans Arabic",var(--sans);font-size:11.5px}
html[dir="rtl"] .hero p.lead{line-height:2}
html[dir="rtl"] .num,html[dir="rtl"] .n,html[dir="rtl"] .win strong,html[dir="rtl"] .stat strong,html[dir="rtl"] .xp-stats strong,html[dir="rtl"] .cf-stats strong{font-family:var(--head)}
html[dir="rtl"] .win span b,html[dir="rtl"] .tags,html[dir="rtl"] .page-badge,html[dir="rtl"] .role .when,html[dir="rtl"] .sd-badge,html[dir="rtl"] .sd-src em,html[dir="rtl"] .svc .n{font-family:"IBM Plex Sans Arabic",var(--sans);text-transform:none}
html[dir="rtl"] code{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .rotator{direction:ltr;unicode-bidi:isolate;text-align:right}

/* hero */
html[dir="rtl"] .orb.o1{right:auto;left:-120px}
html[dir="rtl"] .orb.o2{left:auto;right:-100px}
html[dir="rtl"] .tag{padding:7px 10px 7px 14px}
html[dir="rtl"] .portrait{margin-left:0;margin-right:auto}
html[dir="rtl"] .portrait.ring~.answer{left:auto;right:-14%}
html[dir="rtl"] .answer{left:auto;right:-8%}
html[dir="rtl"] .answer .typed .cite{margin-left:0;margin-right:2px}
html[dir="rtl"] .caret{margin-left:0;margin-right:1px}
html[dir="rtl"] .engines{direction:ltr}
html[dir="rtl"] .stat+.stat{padding-left:0;padding-right:28px;border-left:0;border-right:1px solid rgba(185,167,245,.15)}
html[dir="rtl"] .stat strong .u{font-size:.42em;font-weight:600;margin-inline-start:.15em}

/* shift demo */
html[dir="rtl"] .sd-badge{right:auto;left:12px}
html[dir="rtl"] .sd-src small{font-size:12px}

/* process */
html[dir="rtl"] .steps::before{background:linear-gradient(270deg,var(--mid) var(--p,0%),#D6CCF7 var(--p,0%))}

/* timeline cards (horizontal variant) */
html[dir="rtl"] .xp-h .role:before{left:auto;right:24px}
html[dir="rtl"] .xp-h .r-top .when{text-align:right}
html[dir="rtl"] .role ul{margin:14px 58px 0 0;padding-left:0;padding-right:16px}
html[dir="rtl"] .xp-h .role ul,html[dir="rtl"] .xp-h .r-tags{margin-right:0;margin-left:0}
html[dir="rtl"] .r-tags{margin:14px 58px 0 0}
html[dir="rtl"] .r-tags a{margin-left:0;margin-right:4px}
html[dir="rtl"] .role .when i:before{content:"● "}

/* recommendations */
html[dir="rtl"] .rec .qm{right:auto;left:24px}
html[dir="rtl"] .rec .pull{margin:0 0 14px 40px;font-family:"IBM Plex Sans Arabic",var(--head);line-height:1.7}
html[dir="rtl"] .rec details summary:after{content:" +"}
html[dir="rtl"] .rec details[open] summary:after{content:" −"}
html[dir="rtl"] .rec figcaption b,html[dir="rtl"] .rec figcaption span{unicode-bidi:plaintext}
html[dir="rtl"] .rec-note{font-size:14.5px;color:var(--muted);margin:-6px 0 22px}

/* faq / contact / footer */
html[dir="rtl"] .faq summary::after{margin-right:0;margin-left:6px}
html[dir="rtl"] .contact .bigmark{right:auto;left:-140px}
html[dir="rtl"] footer nav a{margin-left:0;margin-right:20px}

/* language switch */
.lang-a{font-weight:700}

@media (max-width:960px){
  html[dir="rtl"] .stat:nth-child(3){padding-right:0;border-right:0}
  html[dir="rtl"] .answer,html[dir="rtl"] .portrait.ring~.answer{right:auto;left:auto}
  html[dir="rtl"] .portrait{margin:0 auto}
}
@media (max-width:700px){
  html[dir="rtl"] h1{font-size:30px}
  html[dir="rtl"] .cs-filter{margin-right:0;padding-right:0;margin-left:-18px;padding-left:18px}
  html[dir="rtl"] .recs{margin-right:0;padding-right:0;margin-left:-18px;padding-left:18px}
  html[dir="rtl"] .xp-h .tl{margin:0 -18px;padding:0 18px 8px}
}
@media (max-width:600px){
  html[dir="rtl"] .r-top .when{text-align:right}
  html[dir="rtl"] .role .when i{margin-right:0;margin-left:6px}
  html[dir="rtl"] .role ul,html[dir="rtl"] .r-tags{margin-right:0}
}
@media (max-width:1100px) and (min-width:861px),(max-width:480px){
  html[dir="rtl"] .rec .rec-view{margin-left:0;margin-right:66px}
}

/* keep numbers such as 40+ and 100K+ in their natural order */
html[dir="rtl"] .win strong,html[dir="rtl"] .xp-stats strong,html[dir="rtl"] .cf-stats strong{direction:ltr;unicode-bidi:isolate;text-align:right}

/* ---------- case study pages (case.css) in RTL ---------- */
html[dir="rtl"] .crumbs,html[dir="rtl"] .num-label,html[dir="rtl"] .meta small,html[dir="rtl"] .vs .card small,html[dir="rtl"] .week small,
html[dir="rtl"] .quote .src,html[dir="rtl"] .badge,html[dir="rtl"] .shot .eng,html[dir="rtl"] .ba .row:first-child,html[dir="rtl"] .cs-switch small,
html[dir="rtl"] .big .tags,html[dir="rtl"] .did .i{font-family:"IBM Plex Sans Arabic",var(--sans);text-transform:none}
html[dir="rtl"] .num-label{font-size:14px}
html[dir="rtl"] .meta small{font-size:12.5px}
html[dir="rtl"] .cs-hero h1{font-size:clamp(32px,4.8vw,58px);line-height:1.3;font-weight:700}
html[dir="rtl"] .cs-hero .lead,html[dir="rtl"] .cs .body{line-height:2}
html[dir="rtl"] .cs h2{max-width:820px}
html[dir="rtl"] .quote blockquote,html[dir="rtl"] .takeaway p,html[dir="rtl"] .vs .card h3,html[dir="rtl"] .week h3,html[dir="rtl"] .big h3{font-family:"IBM Plex Sans Arabic",var(--head);line-height:1.6}
html[dir="rtl"] .takeaway p{font-size:clamp(20px,2.6vw,28px);line-height:1.7}
html[dir="rtl"] .res-card strong .u{font-size:.4em;font-weight:600;margin-inline-start:.15em}
html[dir="rtl"] .res-card strong{font-family:var(--head)}
html[dir="rtl"] .big .nums strong{font-family:var(--head)}
html[dir="rtl"] .meta div+div{border-left:0;border-right:1px solid rgba(185,167,245,.2)}
html[dir="rtl"] .ba .row>div+div{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .ba .eng{font-family:var(--head)}
html[dir="rtl"] .impact div{border-left:0;border-right:3px solid var(--mid);padding:6px 20px 6px 0}
html[dir="rtl"] .week::before{left:auto;right:0;transform-origin:right}
html[dir="rtl"] .shot figcaption p{line-height:1.9}
html[dir="rtl"] .cs-switch b{font-family:"IBM Plex Sans Arabic",var(--head);line-height:1.6}
@media (max-width:960px){
  html[dir="rtl"] .meta div:nth-child(3){border-right:0}
  html[dir="rtl"] .ba .row>div+div{border-right:0;border-top:1px solid var(--line)}
  html[dir="rtl"] .vs .arrow{transform:rotate(-90deg)}
}
@media (max-width:560px){
  html[dir="rtl"] .meta div+div{border-right:0;border-top:1px solid rgba(185,167,245,.2)}
}

/* recommendations stay in their original English text */
html[dir="rtl"] .rec blockquote{direction:ltr;text-align:left;font-family:var(--sans)}
html[dir="rtl"] .rec .pull{margin:0 40px 14px 0;font-family:var(--head);line-height:1.4;text-align:left}
html[dir="rtl"] .rec .qm{left:auto;right:24px}
html[dir="rtl"] .rec details summary{font-family:var(--sans)}
html[dir="rtl"] .rec details summary:after{content:" +"}
html[dir="rtl"] .rec details[open] summary:after{content:" −"}