/* Arabic / RTL overrides — loaded after style.css on /ar/ pages */
html[dir=rtl]{--serif:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--sans:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif}
html[dir=rtl] body{line-height:1.8;font-size:17px}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.35;font-weight:600}
html[dir=rtl] h1{font-size:clamp(2rem,4.4vw,3.3rem)}
html[dir=rtl] h2{font-size:clamp(1.6rem,3vw,2.3rem)}
html[dir=rtl] .hero h1{max-width:22ch}
html[dir=rtl] .standard .big{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.15}
html[dir=rtl] .steps li::before{margin-bottom:12px}
html[dir=rtl] .nav a[aria-current],html[dir=rtl] .nav a:hover{text-underline-offset:7px}
html[dir=rtl] .brand img{transform:none}
html[dir=rtl] input,html[dir=rtl] textarea{font-family:var(--sans)}
html[dir=rtl] .details span,html[dir=rtl] .person .role,html[dir=rtl] label{font-weight:600}
html[dir=rtl] [dir=ltr]{unicode-bidi:isolate;display:inline-block}