/* Arabic routes only · Noto Kufi Arabic 700 display · IBM Plex Sans Arabic 400/500 body + labels */
@font-face{font-family:'Noto Kufi Arabic';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/notokufiarabic-700.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/plexsansarabic-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/plexsansarabic-500.woff2) format('woff2')}
html[lang="ar"]{
  --bw-font-display:'Noto Kufi Arabic','Archivo',sans-serif;
  --bw-font-body:'IBM Plex Sans Arabic','Source Sans 3',sans-serif;
  --bw-leading-body:1.7;
  --bw-leading-head:1.3;
  --bw-track-display:0;
  --bw-text-stmt:clamp(2.75rem,6.5vw,6rem);
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .bw-stmt{font-weight:700;letter-spacing:0;line-height:1.3}
html[lang="ar"] .bw-stmt{letter-spacing:0;max-width:22ch}
/* Plex Mono has no Arabic: Arabic labels switch family, keep size and colour; Latin handles stay mono. */
html[lang="ar"] .bw-kicker,html[lang="ar"] .bw-chip,html[lang="ar"] .bw-table th,html[lang="ar"] .bw-meta dt,html[lang="ar"] .bw-menu-btn,html[lang="ar"] .bw-notes time,html[lang="ar"] .bw-skip,html[lang="ar"] .bw-footer__bottom,html[lang="ar"] .bw-table--stack td::before{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;font-weight:500}
html[lang="ar"] .bw-btn,html[lang="ar"] .bw-btn--secondary,html[lang="ar"] .bw-btn--tertiary,html[lang="ar"] .bw-nav-link{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:500}
html[lang="ar"] .bw-lockup{font-family:'Archivo',sans-serif}
html[lang="ar"] .bw-ladder__title,html[lang="ar"] .bw-work__title,html[lang="ar"] .bw-stage__title,html[lang="ar"] .bw-notes__title,html[lang="ar"] .bw-card__title,html[lang="ar"] .bw-included strong,html[lang="ar"] .bw-faq summary{font-family:var(--bw-font-display);font-weight:700;letter-spacing:0;line-height:1.3}
html[lang="ar"] .bw-lead{line-height:1.7}
html[lang="ar"] .bw-latin{font-family:'IBM Plex Mono',monospace;direction:ltr;unicode-bidi:isolate}
html[lang="ar"] :is(p,div,li).bw-latin{text-align:right}
/* #10 the Arabic route does not need the Latin body face */
html[lang="ar"]{--bw-font-body:'IBM Plex Sans Arabic',sans-serif}