@charset "utf-8";
/* ── Arabic — loaded only by /ar/. The layout mirrors by itself because
   klay.css is written in logical properties; this file swaps the faces and
   gives back the tracking, which is a Latin device. ───────────────────── */
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts-ar/noto-naskh-arabic-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts-ar/noto-naskh-arabic-arabic-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts-ar/noto-naskh-arabic-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(fonts-ar/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(fonts-ar/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(fonts-ar/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}

:root[lang="ar"]{
  --serif:'Noto Naskh Arabic','Instrument Serif',serif;
  --sans:'IBM Plex Sans Arabic','Instrument Sans',system-ui,sans-serif;
  --grotesk:'IBM Plex Sans Arabic','Archivo',system-ui,sans-serif;
  --mono:'JetBrains Mono','IBM Plex Sans Arabic',ui-monospace,monospace;
}
:root[lang="ar"] body{line-height:1.85;font-size:17.5px}
:root[lang="ar"] .display{letter-spacing:0;line-height:1.18}
:root[lang="ar"] h1.display{font-size:clamp(40px,6.4vw,96px);font-weight:600}
:root[lang="ar"] h2.display{font-size:clamp(34px,4.6vw,68px);font-weight:600}
:root[lang="ar"] .display em{font-style:normal}
:root[lang="ar"] .display .w{padding-block:.1em .22em;margin-block:-.1em -.22em}
:root[lang="ar"] .hero h1{margin-inline-start:0}
:root[lang="ar"] .eyebrow,:root[lang="ar"] .label,:root[lang="ar"] .btn,:root[lang="ar"] .nav a,
:root[lang="ar"] .trust li,:root[lang="ar"] .field label,:root[lang="ar"] .file h3,:root[lang="ar"] .file-ref,
:root[lang="ar"] .stats span,:root[lang="ar"] .tenet .k,:root[lang="ar"] .foot h4,:root[lang="ar"] .classification .k,
:root[lang="ar"] .classification .v,:root[lang="ar"] .foot-bot,:root[lang="ar"] .scroll-cue,:root[lang="ar"] .more > summary,
:root[lang="ar"] .reply-kind,:root[lang="ar"] .form-msg,:root[lang="ar"] .file-actions .hint,:root[lang="ar"] .channel .k,
:root[lang="ar"] .menu-foot,:root[lang="ar"] .svc-lock-id,:root[lang="ar"] .svc-lock-change,:root[lang="ar"] .lost .code{letter-spacing:0}
:root[lang="ar"] .btn{font-size:13.5px;font-weight:600}
:root[lang="ar"] .nav a{font-size:13.5px}
:root[lang="ar"] .eyebrow{font-size:12.5px}
:root[lang="ar"] .sit-btn .t{letter-spacing:0;line-height:1.35;font-weight:600}
:root[lang="ar"] .faq-q .t{letter-spacing:0;line-height:1.4;font-weight:600}
:root[lang="ar"] .tenet h3,:root[lang="ar"] .about .statement,:root[lang="ar"] .closer,:root[lang="ar"] .channel .v,
:root[lang="ar"] .foot .tagline,:root[lang="ar"] .ticker-track span{letter-spacing:0;line-height:1.45}
:root[lang="ar"] .closer{font-style:normal}
:root[lang="ar"] .stage h3{font-weight:600}
:root[lang="ar"] .menu nav a{letter-spacing:0;line-height:1.3;font-weight:600}
:root[lang="ar"] .trust li b{font-size:22px}
:root[lang="ar"] .stats b{letter-spacing:0}
:root[lang="ar"] .sec-n{letter-spacing:0}
/* a Latin handle inside an Arabic sentence keeps its own direction */
:root[lang="ar"] .channel .v,:root[lang="ar"] .ref-chip .v,:root[lang="ar"] .foot .ch a{unicode-bidi:isolate}
:root[lang="ar"] .brand,:root[lang="ar"] .loader-in{direction:ltr}