/* Arabic pages (site/ar/). Shared by the Arabic builders: read before adding, append only, namespace your classes. */

/* ============================================================
   ar1 · Arabic homepage + for-* pages (builder ar1)
   ============================================================ */

/* --- ar1: Arabic fixes for shared components (request upstream in system.css / home.css) --- */
/* Letter-spacing breaks Arabic joining. Latin runs marked lang="en" keep their tracking. */
html[lang="ar"] body :not([lang="en"]):not([lang="en"] *) { letter-spacing: 0 !important; }
html[lang="ar"] .ice__k, html[lang="ar"] .clock__t small, html[lang="ar"] .pill { text-transform: none; }
html[lang="ar"] .ice__k { font-size: .82rem; font-weight: 700; }
html[lang="ar"] .clock__t small { font-size: 11px; }
html[lang="ar"] .pill { font-size: .8rem; font-weight: 500; }
html[lang="ar"] .pill b { font-family: "JetBrains Mono", monospace; }
html[lang="ar"] .ice__q { line-height: 1.55; }
html[lang="ar"] .swap b { line-height: 1.5; }
html[lang="ar"] .h-home .strike { line-height: 1.4; margin-bottom: -10px; }
html[lang="ar"] .facts b { font-size: 1.6rem; line-height: 1.2; }
html[lang="ar"] .facts b { white-space: nowrap; }
@media (max-width: 480px) { html[lang="ar"] .facts li { grid-template-columns: 104px minmax(0, 1fr); } }
html[lang="ar"] .facts span { line-height: 1.65; font-size: .86rem; }
html[lang="ar"] .expert__txt b { font-family: var(--f-display); }
html[lang="ar"] .expert__txt small { line-height: 1.5; }
html[lang="ar"] .pt__txt h3 { line-height: 1.4; }
html[lang="ar"] .pt__txt p, html[lang="ar"] .pain p { line-height: 1.8; }
html[lang="ar"] .aud b { line-height: 1.4; }
html[lang="ar"] .aud small { line-height: 1.7; }
html[lang="ar"] .bsw__mark, html[lang="ar"] .bsw__fav { font-family: var(--f-display); font-weight: 700; }
html[lang="ar"] .bsw__fav { font-size: 9px; }
html[lang="ar"] .bsw__mono { font-size: 1.05rem; line-height: 1; padding-bottom: 2px; }
html[lang="ar"] .bsw__input { font-size: 1.2rem; }
html[lang="ar"] .nums b { line-height: 1.1; }
html[lang="ar"] .closing h2 { line-height: 1.25; }
html[lang="ar"] .closing .strike { line-height: 1.5; }
html[lang="ar"] .faq summary { line-height: 1.6; }
html[lang="ar"] .bsw__controls .strike { justify-self: start; line-height: 1.6; }
html[lang="ar"] .pt__txt p, html[lang="ar"] .lede, html[lang="ar"] .body { text-wrap: pretty; }

/* --- ar1: page pieces --- */
/* Big numbers with a small Arabic qualifier («نحو»، «أكثر من») set before the figure */
.ar1-q { display: block; font-family: var(--f-body); font-weight: 500; font-size: .95rem; color: var(--ink-3); line-height: 1.4; margin-bottom: 4px; }
/* Mirrored language band: on the Arabic page, the big line is English */
/* the Latin drop cap splits Arabic letter joining: switch it off */
[lang="ar"] .ar3-intro::first-letter { float: none; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; color: inherit; }
[lang="ar"] .ar3-intro { border-inline-start: 3px solid var(--violet); padding-inline-start: 20px; }

/* ============================================================
   ar2 · Arabic product pages (builder ar2): speed-networking, live-sessions, events,
   consultations, programs, courses, communities, forms, payments, analytics, branding, capabilities
   ============================================================ */

/* --- ar2: Arabic type fixes for p-product.css / p-learn.css components.
   Direction fixes (paddings, toggles, slider fills, gradients, arrows, marks) now live in the shared stylesheets as logical properties or [dir="rtl"] rules. Add new ones there, not here. --- */
html[lang="ar"] .ph .h1 { line-height: 1.28; font-size: clamp(2.3rem, 1.2rem + 3.4vw, 4rem); }
html[lang="ar"] .ph .strike { line-height: 1.5; margin-bottom: -10px; }
html[lang="ar"] .ph .lede { max-width: 46ch; }
html[lang="ar"] .kf b { line-height: 1.15; }
html[lang="ar"] .kf span { line-height: 1.7; }
/* mono labels: Arabic has no caps and needs its own face (JetBrains Mono has no Arabic) */
html[lang="ar"] :is(.runline span, .spec dt, .pairs__head, .role, .pslot__k, .agenda__k, .agenda__tr, .navpanel__row .k, .quote-ui small, .steps .tag, .mini-tags span, .night__rail span) { text-transform: none; font-family: var(--f-body); }
html[lang="ar"] :is(.runline span, .pslot__k) { font-size: .82rem; }
html[lang="ar"] .spec dt { font-size: .92rem; font-weight: 700; }
html[lang="ar"] .spec dd { line-height: 1.8; }
html[lang="ar"] .pairs__head { font-size: .8rem; }
html[lang="ar"] .role { font-size: .72rem; font-weight: 700; padding: 1px 7px; }
html[lang="ar"] .steps .tag { font-size: .78rem; font-weight: 600; }
html[lang="ar"] .steps--sn > li h3 { line-height: 1.4; }
html[lang="ar"] .calc__big span { line-height: 1.5; max-width: 12ch; padding-bottom: .3em; }
html[lang="ar"] .calc__f > label, html[lang="ar"] .calc__f > span { font-size: .95rem; }
html[lang="ar"] .pslot__v { line-height: 1.2; }
html[lang="ar"] .notes li { line-height: 1.75; }
html[lang="ar"] .anat .notes b { margin-bottom: 2px; }
html[lang="ar"] .uiquote { line-height: 1.8; }
html[lang="ar"] .uiquote q { quotes: "“" "”"; display: inline-block; }
/* live navigator "now" flag (its RTL position lives in p-product.css) */
[dir="rtl"] .night__now::before { content: "الآن"; font-family: var(--f-body); text-transform: none; font-size: .74rem; }
html[lang="ar"] .vis td.y::before { content: "يظهر"; }

/* --- ar2: page pieces --- */
/* «3 إلى 15»: a range set in the serif with a small Arabic joiner (no dash, it flips in RTL) */
.ar2-range { white-space: nowrap; }
.ar2-range small { font-family: var(--f-body); font-weight: 500; font-size: .42em; color: var(--ink-3); vertical-align: middle; margin-inline: .15em; }
/* room-math formula: an Arabic caption over a left-to-right equation */
.ar2-formula { display: grid; gap: 6px; white-space: normal; }
.ar2-formula__k { font-family: var(--f-body); font-size: .8rem; color: var(--ink-3); line-height: 1.6; }
.ar2-formula [dir="ltr"] { font-family: "JetBrains Mono", monospace; text-align: end; white-space: nowrap; overflow-x: auto; }
.ar2-proof-h { font-size: 1.6rem; line-height: 1.45; }
/* Arabic letters must never be tracked: neutralise every inherited letter-spacing inside ar3 sections */
[lang="ar"] .ar3, [lang="ar"] .ar3 * { letter-spacing: 0 !important; }
[lang="ar"] .ar3 .form__sec > legend, [lang="ar"] .ar3 .persona label, [lang="ar"] .ar3 .ct-card h2, [lang="ar"] .ar3 .ct-shot figcaption b,
[lang="ar"] .ar3 .done__recap dt, [lang="ar"] .ar3 .proto__tag, [lang="ar"] .ar3 .call__gap small { font-size: .85rem; font-weight: 700; }
.ar3-ltr { text-align: left; }
.ar3 [dir="ltr"] { unicode-bidi: isolate; }
html[lang="ar"] .kf b .ar2-range { font: inherit; color: inherit; max-width: none; line-height: inherit; display: inline; }
html[lang="ar"] .kf b .ar2-range small { font-family: var(--f-body); font-weight: 500; font-size: .42em; color: var(--ink-3); }
[lang="ar"] .ar3 * { text-transform: none !important; }
html[lang="ar"] .role { line-height: 1.7; }
/* Arabic brand names in the switcher and brand marks: set in the Arabic display face, not Montserrat */
[lang="ar"] .ar3 .bsw__mark, [lang="ar"] .ar3 .v-mark, [lang="ar"] .ar3 .bsw__mono, [lang="ar"] .ar3 .bsw__fav, [lang="ar"] .ar3 .v-fav, [lang="ar"] .ar3 .v-mark i { font-family: var(--f-display); }
[lang="ar"] .ar3 .bsw__mono, [lang="ar"] .ar3 .v-mark i { font-size: 1.05rem; }
[lang="ar"] .ar3 .bsw__fav { font-size: 10px; line-height: 1; }
[lang="ar"] .ar3 .v-buyer { font-family: var(--f-body); font-size: .9rem; }

/* --- ar1: Arabic fixes for p-individuals.css / p-organizers.css components --- */
html[lang="ar"] .ph .h1 { line-height: 1.28; }
html[lang="ar"] .jstop h3, html[lang="ar"] .kind h3, html[lang="ar"] .pcard h3 { line-height: 1.4; }
html[lang="ar"] .pull { line-height: 1.45; }
html[lang="ar"] .xlink b { line-height: 1.5; }
html[lang="ar"] .linkdrop__head span, html[lang="ar"] .kind__k, html[lang="ar"] .yt__path span, html[lang="ar"] .ledger__job, html[lang="ar"] .pcard__k, html[lang="ar"] .tagline { text-transform: none; font-size: .82rem; font-weight: 700; }
html[lang="ar"] .soon { font-size: .74rem; }
html[lang="ar"] .linkdrop__url small, html[lang="ar"] .yt__path small { line-height: 1.6; }
html[lang="ar"] .swaps li { line-height: 1.6; }
html[lang="ar"] .fees__nums b { line-height: 1.1; }
html[lang="ar"] .tiers b { line-height: 1.35; }
html[lang="ar"] .flow h3, html[lang="ar"] .ways h3 { line-height: 1.4; }
.ar1-split .hl { display: block; }
/* Suite pages: English pseudo-content and arrows that need RTL */
[lang="ar"] .ar3 .s-board__today::before { content: "اليوم: "; }
[lang="ar"] .ar3 .ar3-price { font-size: clamp(2.4rem, 1.8rem + 2.2vw, 3.8rem); line-height: 1.15; }
[lang="ar"] .ar3 .s-example__n, [lang="ar"] .ar3 .s-price__big b { font-variant-numeric: lining-nums; }
.ar2-ctl-h { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem); color: var(--stage-ink); line-height: 1.4; }
html[lang="ar"] .agenda__t { line-height: 1.4; }
html[lang="ar"] .agenda__k, html[lang="ar"] .agenda__tr { font-size: .78rem; }
html[lang="ar"] .ses b { line-height: 1.55; }
html[lang="ar"] .quote-ui { line-height: 1.6; }
html[lang="ar"] .quote-ui small { font-size: .82rem; }
html[lang="ar"] .navpanel__row .k { font-size: .74rem; }
html[lang="ar"] .notes--row li { line-height: 1.7; }
[lang="ar"] .ar3 code, [lang="ar"] .ar3 .v-int code { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .ph .strike { line-height: 1.5; letter-spacing: 0; }
html[lang="ar"] .ledger__tool, html[lang="ar"] .prog__title b, html[lang="ar"] .club b, html[lang="ar"] .verdict__line { line-height: 1.45; }
html[lang="ar"] .run__when, html[lang="ar"] .ses__trk, html[lang="ar"] .slot__time em, html[lang="ar"] .ph__proof > span { text-transform: none; font-size: .8rem; font-weight: 700; }
html[lang="ar"] .math span { font-size: .85rem; }
html[lang="ar"] .math b { line-height: 1.05; }
html[lang="ar"] .ses__t { line-height: 1.5; }
html[lang="ar"] .slot__time em, html[lang="ar"] .pill, html[lang="ar"] .mtag, html[lang="ar"] .nav-strip__go { font-family: var(--f-body); }
/* p-learn.css components in Arabic */
html[lang="ar"] :is(.lbl, .ladder .gate, .cert__k, .cert__seal, .tag, .gates .who, .qs span, .cap__num, .cap-jump a span, .ew__ph::after) { text-transform: none; font-family: var(--f-body); }
html[lang="ar"] .lbl { font-size: .8rem; font-weight: 600; }
html[lang="ar"] .ladder .gate { font-size: .78rem; }
html[lang="ar"] .ledger dt, html[lang="ar"] .ledger .k { line-height: 1.5; }
html[lang="ar"] .ledger dd { line-height: 1.8; }
html[lang="ar"] .tree b { line-height: 1.4; }
html[lang="ar"] .trio h3 { line-height: 1.3; }
html[lang="ar"] .facts b bdi { font-family: var(--f-display); }
/* the certificate diagram in Arabic: no italics, more air for the serif */
.ar2-cert .cert__k { font-size: clamp(10px, 1.2vw, 13px); font-weight: 700; }
.ar2-cert .cert__mid small { font-size: clamp(10px, 1.25vw, 13px); line-height: 1.6; }
.ar2-cert .cert__name { line-height: 1.35; }
.ar2-cert .cert__course { line-height: 1.5; }
.ar2-cert .cert__sig i { font-style: normal; line-height: 1.5; }
.ar2-cert .cert__seal { font-size: clamp(9px, 1.1vw, 12px); font-weight: 700; }
html[lang="ar"] .cert__id { unicode-bidi: plaintext; }
/* ar3: buyer outcomes strip under suite vertical heroes */
.ar3-outs { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: clamp(32px, 4vw, 56px); border-top: 1px solid var(--line-2); }
.ar3-outs li { position: relative; padding: 18px 0 4px; padding-inline-end: 24px; font-family: var(--f-display); font-weight: 700; font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem); line-height: 1.5; color: var(--ink); counter-increment: ar3o; }
.ar3-outs li + li { padding-inline-start: 24px; border-inline-start: 1px solid var(--line); }
.ar3-outs li::before { content: "0" counter(ar3o); display: block; font-family: "JetBrains Mono", monospace; font-weight: 400; font-size: 11px; color: var(--accent, var(--violet-ink)); margin-bottom: 6px; }
.ar3-outs { counter-reset: ar3o; }
@media (max-width: 760px) { .ar3-outs { grid-template-columns: minmax(0, 1fr); } .ar3-outs li + li { padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid var(--line); } }
[lang="ar"] .ar3 .s-scale i { font-style: normal; }
[lang="ar"] .ar3 .s-form__h small { line-height: 1.6; }
[lang="ar"] .ar3 .v-q blockquote { line-height: 1.4; }
[lang="ar"] .ar3 .v-q blockquote::before { content: "«"; }
[lang="ar"] .ar3 .v-q blockquote::after { content: "»"; }
[lang="ar"] .ar3 .s-open { font-style: normal; }
html[lang="ar"] .trues h3, html[lang="ar"] .modes b { line-height: 1.5; }
html[lang="ar"] .trues b { line-height: 1.05; }
html[lang="ar"] .tag-dev, html[lang="ar"] .mtag { text-transform: none; }
/* ar3 legal: visible "pending legal review" note */
.ar3 .ar3-legal-note { display: grid; gap: 4px; max-width: 62ch; padding: 14px 18px; border-radius: 12px; border: 1px dashed var(--c-learn); background: var(--c-learn-soft); color: var(--ink-2); font-size: var(--t-sm); line-height: 1.7; }
.ar3 .ar3-legal-note b { color: var(--c-learn); font-weight: 700; font-size: .85rem; }
.ar3 .ar3-legal-note a { color: var(--violet-ink); font-weight: 600; font-family: "Inter", system-ui, sans-serif; }
[lang="ar"] .ar3 .legal { line-height: 1.95; }
[lang="ar"] .ar3 .toc a span, [lang="ar"] .ar3 .toc-m a span { font-family: "JetBrains Mono", monospace; }
html[lang="ar"] .statement .h1 { line-height: 1.3; }
html[lang="ar"] .gates h3, html[lang="ar"] .spec > span b { line-height: 1.45; }
html[lang="ar"] .pain p { line-height: 1.8; }
html[lang="ar"] .qs q { line-height: 1.45; }
html[lang="ar"] .qs span { font-size: .86rem; }
html[lang="ar"] .pull { line-height: 1.6; }
html[lang="ar"] .ar2-pair > div > b { line-height: 1.25; font-size: clamp(3rem, 1.8rem + 4.6vw, 6.4rem); }
html[lang="ar"] .ar2-pair span b { font: inherit; }
html[lang="ar"] .meter b { line-height: 1.5; }
html[lang="ar"] .fees b { line-height: 1.2; }
html[lang="ar"] .fees b small { font-size: .8rem; }
/* pins over an English (unmirrored) screenshot keep their physical position */
[dir="rtl"] .ar1-pins-ltr .pin { left: var(--px); right: auto; transform: translate(-50%, -50%); }
[lang="ar"] .ar3 .s-cert__sig b, [lang="ar"] .ar3 .s-cert *, [lang="ar"] .ar3 .v-ew-cert * { font-style: normal; }
/* branding hero: the strike and H1 on the stage */
.ar2-bstrike { justify-self: start; font-family: var(--f-display); font-size: clamp(1.4rem, 1rem + 1.2vw, 2rem); font-weight: 700; color: var(--stage-ink-3); line-height: 1.5; }
.ar2-bh1 { font-size: clamp(2.3rem, 1.3rem + 3vw, 3.7rem); line-height: 1.3; }
.ar2-dom b { font-family: "JetBrains Mono", monospace; font-size: clamp(1.2rem, .95rem + 1vw, 1.8rem); letter-spacing: -.01em; line-height: 1.3; text-align: end; }
html[lang="ar"] .ew small { line-height: 1.6; }
html[lang="ar"] .ewx-mail b, html[lang="ar"] .ewx-mail small { line-height: 1.5; }
html[lang="ar"] .cert--mini .cert__name { line-height: 1.4; }
html[lang="ar"] .gates .who { font-size: .8rem; }
html[lang="ar"] .cap__verb { line-height: 1.25; }
html[lang="ar"] .ar2-verbs b { line-height: 1.3; }
html[lang="ar"] .cap__item h3 { line-height: 1.4; }
html[lang="ar"] .cap-jump a { font-size: 1.15rem; }
html[lang="ar"] .spine b { line-height: 1.5; }
html[lang="ar"] .verbs small { line-height: 1.6; }
.cert--mini.ar2-cert .cert__mid { gap: 2px; }
.cert--mini.ar2-cert .cert__mid small, .cert--mini.ar2-cert .cert__course { line-height: 1.3; }
.cert--mini.ar2-cert .cert__name { line-height: 1.2; }
.cert--mini.ar2-cert .cert__sig i { line-height: 1.3; }
[lang="ar"] .ar3 .s-pv li::before { content: "«"; } [lang="ar"] .ar3 .s-pv li::after { content: "»"; }
/* QA: contrast of the signature line on the dark Arabic certificate; Arabic brand badges need an Arabic face and room for ascenders */
.ar2-cert .cert__sig, .ar2-cert .cert__sig * { color: #b9b2a1; }
[lang="ar"] .v-mark { font-family: var(--f-body); line-height: 1.6; padding-block: 8px; }
[lang="ar"] .v-mark i { line-height: 1; font-family: var(--f-body); }
[lang="ar"] .v-mark small { font-family: var(--f-body); letter-spacing: 0; font-size: 11px; text-transform: none; }
html[lang="ar"] :is(.cert-art__k, .cert-art__verify) { font-family: var(--f-body); letter-spacing: 0; text-transform: none; }
html[lang="ar"] .cert-art__k { font-size: clamp(.68rem, .6rem + .3vw, .86rem); font-weight: 600; }
html[lang="ar"] .cert-art__name { line-height: 1.35; }
html[lang="ar"] .drop__label b, html[lang="ar"] .prob__card figcaption b { line-height: 1.4; }