html[dir="rtl"] body{font-family:"Noto Sans Arabic","Noto Naskh Arabic","Segoe UI",system-ui,sans-serif;letter-spacing:0}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:"Noto Sans Arabic","Segoe UI",sans-serif;letter-spacing:0}

html[dir="rtl"] .code .val,
html[dir="rtl"] .result .big,
html[dir="rtl"] .result .li b,
html[dir="rtl"] .hc-out b,
html[dir="rtl"] .inp input{direction:ltr;unicode-bidi:plaintext}
html[dir="rtl"] .inp input{text-align:right}
html[dir="rtl"] .inp .u{margin-left:0;margin-right:8px}

html[dir="rtl"] .nav a.on{box-shadow:inset -3px 0 0 var(--orange)}
html[dir="rtl"] .brand{border-bottom:1px solid var(--slate-line)}

html[dir="rtl"] .cta{margin-left:0;margin-right:auto}
html[dir="rtl"] .fnote{text-align:right}

html[dir="rtl"] .seg button+button{border-left:0;border-right:1px solid var(--line-2)}

html[dir="rtl"] .tcard{}
html[dir="rtl"] .tcard::after{content:"‹";right:auto;left:15px}
html[dir="rtl"] .tcard:hover::after{transform:translateX(-3px)}
html[dir="rtl"] .tcard b{padding-right:0;padding-left:14px}

html[dir="rtl"] .article blockquote{border-left:0;border-right:3px solid var(--orange-line);border-radius:8px 0 0 8px}
html[dir="rtl"] .article .cta-inline{}

html[dir="rtl"] .toc ol,html[dir="rtl"] .article ul,html[dir="rtl"] .article ol{padding-left:0;padding-right:22px}

@media(max-width:860px){
  html[dir="rtl"] .mtop .burger{margin-left:0;margin-right:auto}
  html[dir="rtl"] .side{left:auto;right:0;transform:translateX(100%)}
  html[dir="rtl"] .side.open{transform:translateX(0)}
}

html[dir="rtl"] .crumbs{text-align:right}
html[dir="rtl"] .article th,html[dir="rtl"] .article td{text-align:right}