/* T-152 · الدفعة أ: ما يخص /en/about و/en/templates و/en/concepts و/en/studio
   يُحمَّل بعد ورقة الصفحة وen.css. أنظمة الصفحات تبقى كما هي، وهنا فقط ما يختلف في اللاتيني و LTR */

/* الخط: مانروب للاتيني، والحرف العربي المقصود يسقط إلى خطوط الهوية العربية عبر unicode-range */
:root[lang="en"] {
  --ar: 'Manrope', 'Readex Pro', 'Segoe UI', system-ui, sans-serif;
  --ard: 'Manrope', 'Alexandria', 'Readex Pro', 'Segoe UI', system-ui, sans-serif;
}
[lang="ar"] { letter-spacing: 0 }

/* العناوين اللاتينية: أثقل وأضيق سطراً، كما في en.css */
.tp-hero__txt h1, .cx-hero__txt h1, .sw-hero__h, .end__h { font-weight: 700; letter-spacing: -.025em; line-height: 1.28 }
.ft__h, .ab-slide h3, .ab-rule__c h3, .cx-info h3, .tp-more__t, .tp-info h2 { font-weight: 700; letter-spacing: -.022em; line-height: 1.28 }
.tp-card__name, .ab-acc__btn, .how__steps h3, .paper__h, .care span, .cal__t, .ab-coms__label, .cx-idx span, .tp-dlg__title, .tp-info .tp-cta { font-weight: 700; letter-spacing: -.01em }
.tp-card__for { letter-spacing: 0; font-weight: 400 }
.go__steps h3 { font-weight: 700; letter-spacing: -.01em; line-height: 1.3 }

/* العبارات الإنجليزية أطول من العربية: الكتلة البيضاء تنزل إلى سطرها كاملة، وتلتف داخلها ولا تخرج من الخانة */
.fhead h2 .hl, .ft__h .hl, .end__h .hl, .cx-hero__txt h1 .hl, .tp-hero__txt h1 .hl, .ab-slide h3 .hl { white-space: normal; display: inline-block; text-wrap: balance }
.fhead h2 .hl { margin-block-start: 4px }
.ab-slide h3 { font-size: clamp(30px, 3.2vw, 52px) }
.ab-slide h3 .hl { margin-block-start: 4px }
.tp-hero__txt h1 .hl, .cx-hero__txt h1 .hl { margin-block-start: 6px }
.sw-hero__h .hl { white-space: nowrap }
.hero__foot .btn { flex-shrink: 0; white-space: nowrap }

/* ما كان فيزيائياً ويفترض RTL */
.sw-stage__bar b, .bars b { transform-origin: left } /* rtl-ok: صفحة LTR، يبدأ من اليسار */
.tp-play i { border-inline-end: 0; border-inline-start: 10px solid var(--w) }
.tp-card__tag i { border-inline-end: 0; border-inline-start: 7px solid var(--w) }

/* التنبيه الثاني في القوالب: الصفحات الحية عربية */
.tp-note + .tp-note { min-block-size: 0; padding-block: 14px }

/* الأدوات: الاسم يبقى لاتينياً كما هو، والتسميات أقصر سطراً */
.ab-tool__use, .ab-acc__list a, .tp-info__built li { line-height: 1.5 }

@media (max-width: 768px) {
  .ab-slide h3 { font-size: clamp(28px, 8vw, 38px) }
}