/* GrowMore marketing site, every Arabic page (/ar/...): loaded after styles.css and pages.css.
   The layout mirrors by itself (logical properties everywhere); this file sets the Arabic type, the owner's choice of 2026-10-25:
   headings and display figures in Vazirmatn (700 · 800), everything else in Alan Sans (400 · 600), whose Latin was drawn with its
   Arabic, so a mixed line («يعمل مع Claude وChatGPT») stays one voice. Both SIL OFL 1.1, self-hosted from @fontsource 5.3.x.
   The English pages keep Manrope and IBM Plex Sans (styles.css); nothing here reaches them.
   Measured (Chromium, 100px): Alan Sans' Arabic bowl is 42/100 of the em against a Latin x-height of 50, so Arabic still reads
   ~16% smaller than Latin at one size and the +2px bump stays. Vazirmatn's Latin digits are tabular in the font (58/1000 at 800);
   Alan Sans' are proportional (its «1» is 41 against 61) and take tabular-nums, restated at the end of this file. */

@font-face { font-family: "Vazirmatn"; font-weight: 800; font-display: swap; src: url(fonts/vazirmatn-arabic-800-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Vazirmatn"; font-weight: 700; font-display: swap; src: url(fonts/vazirmatn-arabic-700-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Vazirmatn"; font-weight: 800; font-display: swap; src: url(fonts/vazirmatn-latin-800-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Vazirmatn"; font-weight: 700; font-display: swap; src: url(fonts/vazirmatn-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alan Sans"; font-weight: 400; font-display: swap; src: url(fonts/alan-sans-arabic-400-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Alan Sans"; font-weight: 600; font-display: swap; src: url(fonts/alan-sans-arabic-600-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Alan Sans"; font-weight: 400; font-display: swap; src: url(fonts/alan-sans-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alan Sans"; font-weight: 600; font-display: swap; src: url(fonts/alan-sans-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Metric-matched stand-ins while a face loads (font-display: swap), so the swap moves nothing. Widths measured on one Arabic
   sentence at 100px: Alan Sans 3356, Tahoma 3344 (Latin 2123 / 2043); Vazirmatn 800 3292, Segoe UI Bold 3286, Tahoma Bold 3773.
   ascent/descent are the real faces' own (Alan Sans 99/31, Vazirmatn 103/54), divided by size-adjust, which scales them too. */
@font-face { font-family: "Alan Fallback"; src: local("Tahoma"); size-adjust: 101%; ascent-override: 98%; descent-override: 31%; line-gap-override: 0%; }
@font-face { font-family: "Vazirmatn Fallback"; font-weight: 700 800; src: local("Segoe UI Bold"), local("SegoeUI-Bold"); size-adjust: 100%; ascent-override: 103%; descent-override: 54%; line-gap-override: 0%; }
@font-face { font-family: "Vazirmatn Fallback 2"; font-weight: 700 800; src: local("Tahoma Bold"), local("Tahoma-Bold"); size-adjust: 87%; ascent-override: 118%; descent-override: 62%; line-gap-override: 0%; }

html[lang="ar"] {
  --font-display: "Vazirmatn", "Vazirmatn Fallback", "Vazirmatn Fallback 2", "Alan Sans", system-ui, sans-serif;
  --font-sans: "Alan Sans", "Alan Fallback", system-ui, sans-serif;
}
html[lang="ar"] body { font-size: 18px; line-height: 31px; }

/* Arabic headings need room above for the marks and below for the descenders: 1.28 to 1.35 instead of Latin's 1.04 to 1.12 */
[lang="ar"] :is(.hero-h1, .phero-h1) { line-height: 1.28; }
[lang="ar"] :is(.h2, .h2-xl, .never-h, .solo-h) { line-height: 1.32; }
[lang="ar"] .prose h2 { line-height: 1.35; }
[lang="ar"] :is(.kpi, .pc-fig b) { line-height: 1.15; }
[lang="ar"] :is(.hx-t) { line-height: 1.35; }
[lang="ar"] .phero-lede { line-height: 1.6; }
[lang="ar"] .spine { line-height: 1.55; }
[lang="ar"] .say-text { line-height: 1.6; }

/* no tracking and no capitals in Arabic */
[lang="ar"] :is(.h2, .h2-xl, .hero-h1, .phero-h1, .solo-h, .solo-yes, .never-h, .kpi, .amt, .pc-fig b, .pc-name, .doc-title, .think-word, .names, .s3-fig .kpi, .cmp.gm-table > thead > tr > th, .plans.gm-table > thead > tr > th, .paper .doc-lines :is(th, td)) { letter-spacing: 0; }
[lang="ar"] :is(.eyebrow, .say-who, .evidence dt, .gm-table > thead > tr > th, .doc-meta dt, .plans tbody th, .pc-label, .price-lbl, .cmp-g th, .lang-k, .kpi-cap) { text-transform: none; letter-spacing: 0; }
[lang="ar"] .eyebrow, [lang="ar"] .say-who { font: 600 14.5px/22px var(--font-sans); }
[lang="ar"] .eyebrow .gm-code, [lang="ar"] .bill-note { font-family: var(--font-sans); }

/* +2px on every text size the pages set */
[lang="ar"] :is(.lede, .solo-lede, .never-p) { font-size: 20px; line-height: 34px; }
[lang="ar"] :is(.hero-sub, .phero-answer) { font-size: 19px; line-height: 32px; }
[lang="ar"] .hero-answer { font-size: 16px; line-height: 27px; }
[lang="ar"] .h3 { font-size: 19px; line-height: 28px; }
[lang="ar"] .steps .h3 { font-size: 22px; line-height: 32px; }
[lang="ar"] :is(.btn, .nav-links a, .nav-more li a) { font-size: 17px; }
[lang="ar"] .nav-cta { font-size: 16px; }
[lang="ar"] :is(.lang label, .lang-sel, .lang-alt) { font-size: 16px; }
[lang="ar"] .gm-btn { font-size: 16px; }
[lang="ar"] .gm-table :is(th, td) { font-size: 16px; }
[lang="ar"] .gm-table > thead > tr > th, [lang="ar"] .doc-meta dt, [lang="ar"] .plans tbody th { font: 600 14px/18px var(--font-sans); }
[lang="ar"] .gm-state { font-size: 14px; line-height: 18px; }
[lang="ar"] .chip { font-size: 13.5px; line-height: 18px; }
[lang="ar"] :is(.hero-trust li, .solo-list li, .scene-b) { font-size: 17px; line-height: 24px; }
[lang="ar"] .doc-meta > div { font-size: 16px; }
[lang="ar"] .say-text { font-size: clamp(1.25rem, 1.1rem + 0.55vw, 1.5625rem); }
[lang="ar"] :is(.hx-p) { font-size: clamp(13.5px, 1.25cqw, 16px); }
[lang="ar"] .hx-t { font-size: clamp(15px, 1.6cqw, 20px); }
[lang="ar"] .hx-xl .hx-t { font-size: clamp(20px, 2.3cqw, 28px); }
[lang="ar"] :is(.r-inc li, .pc-list li, .pc-line, .pc-reg, .doc-who, .kpis li span:last-child, .evidence > div, .facts p, .foot-row a, .tools li) { font-size: 16px; line-height: 26px; }
[lang="ar"] :is(.foot-note, .ex-note, .pc-usd, .price-reg) { font-size: 15px; }
[lang="ar"] :is(.pc-off, .price-off) { font-size: 14px; }
[lang="ar"] .pc-label, [lang="ar"] .price-lbl { font-size: 14px; }
[lang="ar"] .qa summary { font-size: 20px; line-height: 30px; }
[lang="ar"] :is(.rows dt, .yb-h) { font-size: 22px; line-height: 32px; }
[lang="ar"] :is(.reads-list li, .fam-d, .per dd, .gloss-dl dd, .dtab th, .dtab td, .a2a-p) { font-size: 17px; line-height: 28px; }
[lang="ar"] .nots li { font-size: 19px; line-height: 28px; }
[lang="ar"] .bill label { font-size: 17px; }
[lang="ar"] .fam-tools .gm-code, [lang="ar"] .gm-code { unicode-bidi: isolate; direction: ltr; }

/* the blog and the accountants' invitation, +2px and no tracking */
[lang="ar"] :is(.bl-t, .prose h2, .phero-post .phero-h1) { letter-spacing: 0; }
[lang="ar"] .bl-meta, [lang="ar"] .post-meta { font-size: 16px; line-height: 24px; }
[lang="ar"] :is(.bl-lead, .bl-all) .bl-item:first-child .bl-s { font-size: 19px; line-height: 30px; }
[lang="ar"] .bl-t { line-height: 1.4; }
[lang="ar"] :is(.bl-lead, .bl-all) .bl-item:first-child .bl-t { line-height: 1.3; }
[lang="ar"] .prose { font-size: 19.5px; line-height: 34px; }
[lang="ar"] .prose .say { font-size: 21px; line-height: 32px; }
[lang="ar"] .join-once { font-size: 16px; line-height: 24px; }
[lang="ar"] .lang-box::after { rotate: -45deg; }

/* a quotation in Arabic uses guillemets */
[lang="ar"] q { quotes: "\00AB" "\00BB"; }

/* Tabular figures on every Arabic element, restated last: Alan Sans' digits are proportional by default, and a `font` shorthand
   (styles.css, pages.css, this file) resets font-variant-numeric on its own element, so inheriting from body is not enough.
   `html[lang] body *` (0,1,2) outranks every one-class shorthand rule; the few longer selectors below set no shorthand. */
html[lang="ar"] body, html[lang="ar"] body * { font-variant-numeric: tabular-nums; }
[lang="ar"] .eyebrow, [lang="ar"] .say-who, [lang="ar"] .gm-table > thead > tr > th, [lang="ar"] .doc-meta dt, [lang="ar"] .plans tbody th { font-variant-numeric: tabular-nums; }