/* Arabic / RTL layer. Loaded only on /ar/ pages, after styles.css. Keeps the same brand, only adapts what RTL and Arabic script need. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2010-2011}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2010-2011}
:root{--serif:"IBM Plex Sans Arabic","Source Serif 4",Tahoma,"Segoe UI",sans-serif;--ar:"IBM Plex Sans Arabic","Public Sans",Tahoma,"Segoe UI",system-ui,sans-serif}
html[dir=rtl] *{letter-spacing:0!important}                       /* letter-spacing breaks Arabic letter joining */
body{font-family:var(--ar);line-height:1.85;overflow-wrap:break-word}
h1,h2,h3{font-weight:600;line-height:1.4}
h1{font-size:clamp(2.1rem,5.6vw,3.6rem);line-height:1.3}
.lead{line-height:1.85}.k{font-size:.92rem;line-height:1.7}
.b{font-family:var(--ar);font-size:.95rem;text-transform:none;line-height:1.4}
.lsw{font-family:"Public Sans",system-ui,sans-serif}
.doc .tab{font-size:.9rem}.doc dt{font-size:.92rem}.doc dd{font:400 .95rem/1.75 var(--ar)}.doc .dn{font-size:.92rem}
.stg p,.ls li{line-height:1.75}.stg p{font-size:1rem}.ls li{font-size:1rem}.cs,.mx .mh,.prog{font-size:.92rem}
.mx>div>span:first-child{font:600 1.2rem/1.5 var(--serif)}.qv h3,.pg h2{line-height:1.5}
.role b{font:600 1.3rem/1.5 var(--serif)}.stg b{font-weight:600}
summary{line-height:1.6}
/* direction-dependent placement (mirrored, not blindly flipped) */
nav{margin-left:0;margin-right:auto}
.sk{left:auto;right:-999px}.sk:focus{right:8px;left:auto}
.rail li{padding:12px 0 0 8px}
.flow>div:first-child{padding-left:28px;padding-right:0}
.flow>div+div{border-left:0;border-right:1px solid var(--ln)}
.dl{border-left:0;border-right:3px solid var(--acc);padding:4px 16px 4px 0}
.prog{margin-right:0;margin-left:auto}
input[dir=ltr]{text-align:right}                                 /* e-mail, phone and URL stay LTR but sit on the reading edge */
input::placeholder,textarea::placeholder{opacity:.7}
@media(max-width:1100px){.hb{margin-left:0;margin-right:auto;font-size:.82rem}}
@media(max-width:899px){.flow>div{padding:20px 0}.flow>div+div{border-right:0}.flow>div:first-child{padding-left:0}}
.nw{white-space:nowrap}
.lsn{justify-content:flex-end}
@media(max-width:380px){.doc .r{grid-template-columns:6.6em 1fr}}   /* keeps no-wrap Latin terms such as (Whole Round) from widening the spec table at 320px */