/* T-146 · المرحلة 2 · أ: /en مرآة LTR للرئيسية العربية
   grid.css منطقي كله فينقلب وحده؛ هنا الخط اللاتيني وسلّمه، والكلمات العربية الصغيرة، وما يطول بالإنجليزية */
:root[lang="en"] {
  --ar: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --ard: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --arabic: 'Readex Pro', 'Segoe UI', Tahoma, sans-serif;
}
body { line-height: 1.6 }

/* العناوين اللاتينية: أثقل وأضيق سطراً من العربية، وتتبّع سالب خفيف */
.hero__h { font-weight: 700; letter-spacing: -.025em; line-height: 1.22 }
.hero__a .hl { margin-block-start: 8px }
.fhead h2, .work__p h3, .svc__p h3 { font-weight: 700; letter-spacing: -.022em; line-height: 1.2 }
.vals__list h3, .go__steps h3 { font-weight: 700; letter-spacing: -.01em; line-height: 1.3 }
.go__acts .go__cta { font-weight: 700; letter-spacing: -.015em }
.say__ar { font-weight: 700; letter-spacing: -.01em }
.hl { padding: .06em .18em .1em }
.work__p h3 { margin-block: 16px 20px }
.work__p h3 .hl, .svc__p h3 .hl { margin-block-start: 4px }
/* العبارات الإنجليزية أطول: الخدمات تلتف ولا تخرج من الخانة */
.svc__p h3 { font-size: clamp(30px, 3.2vw, 52px) }
.work__p h3 .hl { white-space: normal }
.work__p h3 { font-size: clamp(26px, 2.6vw, 42px); line-height: 1.4 }
/* الكتلة البيضاء تمتد خارج سطرها بحشوتها: مسافة تحت العنوان فلا تلمس السطر التالي */
.fhead h2 { line-height: 1.3 }
.fhead p { margin-block-start: 14px }
/* الروابط داخل الزوايا: هدف نقر ≥24px */
.corner a { display: inline-flex; align-items: center; min-block-size: 28px; padding-block: 4px }

/* الكلمة العربية الصغيرة فوق Hello وGoodbye: بخطها، بلا أحرف كبيرة ولا تتبّع */
.say__en[lang="ar"] { font-family: var(--arabic); letter-spacing: 0; text-transform: none; font-size: 15px; line-height: 1.6 }
.bar__ar { font-family: var(--arabic); font-size: 16px !important; justify-content: center; min-inline-size: var(--bar) }

/* عنوان السكة: الرقم بجانب الاسم */
.rail__lab em { letter-spacing: .04em }

@media (max-width: 768px) {
  .hero__h { line-height: 1.25 }
  .svc__p h3 { font-size: clamp(28px, 8vw, 38px) }
}

/* ما نلتزم به في كل خطوة: الالتزامات الأربعة كما في /about (يوم عمل، كل شي مكتوب، جولتا تعديل، ملفاتك لك) */
.go__coms { display: grid; grid-template-columns: repeat(4, 1fr) }
.go__coms-label { grid-column: 1 / -1; min-block-size: 52px; padding-inline: 24px; font-size: 14px; font-weight: 600; color: var(--t2) }
.go__coms-list { display: contents }
.go__coms-list li { flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 22px 24px; gap: 4px; min-block-size: 150px }
.go__coms-list b { font-size: 11px; color: var(--t4); font-weight: 600; margin-block-end: auto; letter-spacing: .04em }
.go__coms-list h4 { font-weight: 700; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.3; color: var(--t1); margin-block-start: 18px; letter-spacing: -.01em }
.go__coms-list p { font-size: 14px; color: var(--t3) }
@media (max-width: 1100px) { .go__coms { grid-template-columns: 1fr 1fr } }
@media (max-width: 560px) { .go__coms { grid-template-columns: 1fr } .go__coms-list li { min-block-size: 0 } }

/* الترويسة على الجوال: الكلمات الإنجليزية أطول، فيكتفى بالرمز عن الاسم (aria-label يحمله) ولا يلتف شيء */
.bar .cell { white-space: nowrap }
@media (max-width: 440px) { .bar__brand .lat { display: none } .bar .cell { padding-inline: 12px } }

/* T-152: ستة بنود بالإنجليزية على سطر واحد من 961 إلى 1100، وداخل حد الشبكة */
@media (max-width: 1100px) { .bar__nav .cell, .bar__end .cell { padding-inline: 12px } }