/* Arabic (RTL) layer for kanaksteel.com /ar/ pages — loaded after style.css */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");font-weight:700;font-display:swap}
html[lang=ar]{--sans:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,"Segoe UI",Arial,sans-serif;--serif:"IBM Plex Sans Arabic","Source Serif 4",Tahoma,serif;--mono:"IBM Plex Mono","IBM Plex Sans Arabic",ui-monospace,monospace}
html[lang=ar] body{line-height:1.8}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-weight:700;line-height:1.35;letter-spacing:0}
html[lang=ar] .eyebrow,html[lang=ar] .label{letter-spacing:0;text-transform:none;font-family:var(--sans);font-weight:600}
html[lang=ar] .lead{font-size:18px;line-height:1.9}
html[lang=ar] .body{line-height:1.9}
html[lang=ar] .h1-sub{text-align:right;font-family:var(--mono)}
html[lang=ar] .svg-text,html[lang=ar] .svg-text-accent{font-family:"IBM Plex Sans Arabic","IBM Plex Mono",sans-serif;font-size:13px}
html[lang=ar] .brand-name span{letter-spacing:0;font-family:var(--sans)}
/* mirror directional rules */
html[dir=rtl] .crumbs li+li::before{margin-right:0;margin-left:6px}
html[dir=rtl] .facts dt{padding-right:0;padding-left:12px}
html[dir=rtl] .drawing figcaption span{border-right:0;border-left:1px solid var(--rule-3)}
html[dir=rtl] .drawing figcaption span:last-child{border-left:0}
html[dir=rtl] .answer{border-left:0;border-right:4px solid var(--accent);border-radius:var(--radius) 0 0 var(--radius)}
html[dir=rtl] .footer-base .credit{margin-left:0;margin-right:auto}
html[dir=rtl] .wa-float{right:auto;left:max(16px,env(safe-area-inset-left))}
html[dir=rtl] .skip:focus{left:auto;right:16px}
html[dir=rtl] .flow-steps li{padding-right:0;padding-left:18px}
@media (min-width:721px){html[dir=rtl] .footer-base .wrap{padding-right:0;padding-left:230px}}
html[dir=rtl] .mbar .mbar-quote{margin-left:0;margin-right:4px}
html[dir=rtl] .table-wrap th,html[dir=rtl] .table-wrap td{text-align:right}
html[lang=ar] .ar-fig svg text{direction:rtl;unicode-bidi:plaintext}
html[lang=ar] [dir=ltr]{unicode-bidi:isolate}
html[lang=ar] .nav>li>a{font-weight:600}
/* in RTL, overflow to the left is scrollable: park hidden helpers off the right edge instead */
html[dir=rtl] .skip{left:auto;right:-9999px}
html[dir=rtl] .skip:focus{right:16px}
html[dir=rtl] .hp-field{left:auto!important;right:-9999px!important}
html[lang=ar] .ar-fig svg text{paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}
/* Arabic header: 8 links must fit on one line on desktop */
html[lang=ar] .nav>li>a{white-space:nowrap}
html[lang=ar] .brand-name b,html[lang=ar] .nav-cta .btn{white-space:nowrap}
@media (min-width:901px) and (max-width:1340px){html[lang=ar] .nav>li>a{padding-inline:8px;font-size:14px}html[lang=ar] .nav>li:first-child,html[lang=ar] .nav>li:last-child{display:none}}
@media (min-width:901px) and (max-width:1080px){html[lang=ar] .nav-cta .btn-accent{display:none}}
html[lang=ar] .faq summary>span{flex:1}