/*
 * Arabe (RTL) : texte courant en Noto Kufi Arabic, citations en Amiri.
 * Les grilles s'inversent seules avec dir="rtl" ; on corrige ici les bordures, marges et alignements
 * écrits en gauche/droite dans hfi.css.
 */
[dir="rtl"]{--body:"Noto Kufi Arabic","Sora",system-ui,sans-serif}
[dir="rtl"] body{line-height:1.9}
[dir="rtl"] .hero h1,[dir="rtl"] .logo{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .hero h1{text-align:right}
[dir="rtl"] .eyebrow,[dir="rtl"] .step .k,[dir="rtl"] .ms .t,[dir="rtl"] .verse .src{letter-spacing:0;font-family:var(--body)}
[dir="rtl"] .step .card{border-left:0;border-right:1px solid var(--glow);background:linear-gradient(270deg,rgba(5,11,20,.82),rgba(5,11,20,.35))}
[dir="rtl"] .meter i{transform-origin:right}
[dir="rtl"] .founder blockquote{border-left:0;padding-left:0;border-right:1px solid var(--glow);padding-right:20px;font-family:"Amiri",var(--body);font-size:clamp(20px,2.4vw,26px)}
[dir="rtl"] .role,[dir="rtl"] .explain{text-align:right}
[dir="rtl"] .explain-body{border-left:0;padding-left:0;border-right:1px solid var(--glow);padding-right:22px}
[dir="rtl"] .road .done-line{left:auto;right:0;transform-origin:right}
[dir="rtl"] .ms{padding-right:0;padding-left:14px}
@media (max-width:860px){
  [dir="rtl"] ol.road{padding-left:0;padding-right:34px}
  [dir="rtl"] .road::before{left:auto;right:9px}
  [dir="rtl"] .road .done-line{left:auto;right:9px}
  [dir="rtl"] .ms .dot{left:auto;right:-34px}
}
[dir="rtl"] .verse .fr{font-style:normal}
[dir="rtl"] .h1-ar{display:block;font-family:"Amiri",serif;font-size:clamp(22px,4vw,40px);color:var(--glow);background:none;-webkit-text-fill-color:var(--glow);letter-spacing:0;margin-top:8px}
[dir="rtl"] .block h2,[dir="rtl"] .step h2,[dir="rtl"] .founder h2{font-family:var(--body);font-weight:600;line-height:1.4}
[dir="rtl"] .founder h2{direction:ltr;text-align:right}