/* Arabic and French pages (2026-11-13). Loaded only by pages whose <html lang> is not "en" (build_blog.head).
   Arabic: reads right to left (the <html dir="rtl"> flips grids, flex rows and text), uses the visitor's own Arabic
   type (no third web font: the site keeps two, Cormorant Garamond and Inter), and never letter-spaces or
   upper-cases (spacing breaks the joined Arabic letters). French: only its quotation spacing and hyphenation. */

html[lang="fr"] .ba-body { hyphens: auto; }
html[lang="fr"] .ba-body q { quotes: "« " " »" "‹ " " ›"; }

html[lang="ar"] {
  --ar-sans: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", "Arabic Typesetting", sans-serif;
}
/* every word on an Arabic page: Inter for Latin names, the system's Arabic face for Arabic letters */
html[lang="ar"] body, html[lang="ar"] body * { font-family: Inter, var(--ar-sans) !important; letter-spacing: 0 !important; text-transform: none !important; }
html[lang="ar"] body em, html[lang="ar"] body i { font-style: normal !important; }
/* the article's list marks, quote bar and table cells sit on the right, where an Arabic reader starts */
html[lang="ar"] .blog .ba-head { text-align: right; }
html[lang="ar"] .blog .ba-body li { padding-left: 0; padding-right: 26px; }
html[lang="ar"] .blog .ba-body ul > li::before { left: auto; right: 4px; }
html[lang="ar"] .blog .ba-body ol > li::before { left: auto; right: 0; }
html[lang="ar"] .blog .ba-body blockquote { padding-left: 0; padding-right: 22px; border-left: 0; border-right: 1px solid var(--tx-champ); }
html[lang="ar"] .blog .ba-table th, html[lang="ar"] .blog .ba-table td { text-align: right; }
html[lang="ar"] .ba-title, html[lang="ar"] .bl-title, html[lang="ar"] .ba-body h2, html[lang="ar"] .bl-card__title,
html[lang="ar"] .ba-cta__line, html[lang="ar"] .bl-more__h { font-weight: 700; line-height: 1.3; text-wrap: balance; }
html[lang="ar"] .ba-title { font-size: clamp(34px, 4.4vw, 62px); }
html[lang="ar"] .ba-body h2 { font-size: clamp(26px, 2.3vw, 36px); line-height: 1.35; }
html[lang="ar"] .ba-body, html[lang="ar"] .ba-lede { line-height: 1.95; font-size: 1.06em; }
html[lang="ar"] .ba-body li { line-height: 1.9; }
html[lang="ar"] .ba-cta__line { font-size: clamp(26px, 2.8vw, 42px); }
html[lang="ar"] .tx-label, html[lang="ar"] .ba-by, html[lang="ar"] .ba-crumbs, html[lang="ar"] .bl-card__meta { font-size: 13px; }
/* the lists keep their bullets on the right, the sources' English names stay left-to-right */
html[lang="ar"] .ba-body ul, html[lang="ar"] .ba-body ol { padding-inline-start: 1.4em; padding-inline-end: 0; }
html[lang="ar"] [dir="ltr"], html[lang="ar"] a[lang="en"] { unicode-bidi: isolate; }
/* arrows drawn with CSS point the way the page reads */
html[lang="ar"] .txbtn::after, html[lang="ar"] .txlink::after { transform: scaleX(-1); display: inline-block; }

/* German, Russian and Spanish (2026-11-14): only hyphenation and quotation marks; the page keeps its two fonts.
   (Inter and Cormorant Garamond both carry Cyrillic, so Russian needs no extra type.) */
html[lang="de"] .ba-body, html[lang="ru"] .ba-body, html[lang="es"] .ba-body { hyphens: auto; }
html[lang="de"] .ba-body q { quotes: "„" "“" "‚" "‘"; }
html[lang="ru"] .ba-body q { quotes: "«" "»" "„" "“"; }
html[lang="es"] .ba-body q { quotes: "«" "»" "“" "”"; }
/* the long German compounds and Russian words must not push a narrow screen sideways */
html[lang="de"] .ba-title, html[lang="de"] .ba-body h2, html[lang="ru"] .ba-title, html[lang="ru"] .ba-body h2 { overflow-wrap: anywhere; hyphens: auto; }

/* Traditional Chinese (2026-11-14): the visitor's own Traditional Chinese face (no third web font), never letter-spaced,
   upper-cased or italic (italic is not a Chinese style); a looser line and slightly smaller display sizes, since Chinese
   characters are denser than Latin letters. */
html[lang="zh-Hant"] {
  --zh-sans: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Heiti TC", "Source Han Sans TC", "Hiragino Sans CNS", sans-serif;
}
html[lang="zh-Hant"] body, html[lang="zh-Hant"] body * { font-family: Inter, var(--zh-sans) !important; letter-spacing: 0 !important; text-transform: none !important; }
html[lang="zh-Hant"] body em, html[lang="zh-Hant"] body i { font-style: normal !important; }
html[lang="zh-Hant"] .ba-title, html[lang="zh-Hant"] .bl-title, html[lang="zh-Hant"] .ba-body h2, html[lang="zh-Hant"] .bl-card__title,
html[lang="zh-Hant"] .ba-cta__line, html[lang="zh-Hant"] .bl-more__h { font-weight: 700; line-height: 1.4; text-wrap: balance; }
html[lang="zh-Hant"] .ba-title { font-size: clamp(30px, 3.8vw, 52px); }
html[lang="zh-Hant"] .ba-body h2 { font-size: clamp(24px, 2.1vw, 32px); line-height: 1.45; }
html[lang="zh-Hant"] .ba-body, html[lang="zh-Hant"] .ba-lede { line-height: 1.95; font-size: 1.04em; }
html[lang="zh-Hant"] .ba-body li { line-height: 1.9; }
html[lang="zh-Hant"] .ba-cta__line { font-size: clamp(24px, 2.5vw, 38px); }
html[lang="zh-Hant"] .ba-body q { quotes: "「" "」" "『" "』"; }
html[lang="zh-Hant"] .tx-label, html[lang="zh-Hant"] .ba-by, html[lang="zh-Hant"] .ba-crumbs, html[lang="zh-Hant"] .bl-card__meta { font-size: 13px; }
html[lang="zh-Hant"] [lang="en"] { font-family: Inter, sans-serif !important; }