/* The Arabic pages (docs/28-site-v3.md, Section 9): loaded after every other sheet, on /ar and
   /ar/<page> only. Right-to-left layout is public/v2/css/rtl.css; this file is the Arabic type and
   the few strings v2's stylesheets draw themselves. */

/* Readex Pro, the Arabic site's UI face (src/styles/fonts-v45.ts), self-hosted: its Arabic subset
   from Google Fonts, variable weight 300 to 700 (SIL Open Font License 1.1). v2's CSS names
   "Instrument Sans" and "JetBrains Mono" in many rules; declaring the Arabic subset under those
   names too, limited to the Arabic ranges, makes every one of those rules draw Arabic in Readex Pro
   while Latin, digits and the brand name keep their own faces. */
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/v3/fonts/readex-pro-arabic.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/v3/fonts/readex-pro-arabic.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/v3/fonts/readex-pro-arabic.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }

/* the home page's v1 sections read the Arabic face from this variable (landing-d.css) */
html[lang="ar"] .v3-ld { --v45-font-body-ar: "Readex Pro"; }

/* Arabic needs more room between lines and no Latin tracking on headings */
html[lang="ar"] .h1, html[lang="ar"] .h2, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { letter-spacing: 0; line-height: 1.3; }
html[lang="ar"] .lede, html[lang="ar"] p { line-height: 1.75; }

/* the "rating" placeholders v2's page sheets draw with `content` (about.css, investors.css) */
html[lang="ar"] .ab-fr .ksk::before, html[lang="ar"] .iv-r .sk::before { content: "جارٍ التقييم…"; }