/* خط الإنجليزية (مؤقت — انظر font-comparison-en.html): Inter، مجموعة لاتينية جزئية بترخيص OFL (fonts/Inter-LICENSE.txt) */
@font-face{font-family:'Inter';src:url('../fonts/Inter-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
/* الإنجليزية: خط ومسافات واتجاه. يُحمَّل بعد باقي الأنماط في صفحات /en/ فقط. (انظر README-i18n.md) */
:root{--font-en:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
html[lang="en"]{--font-main:var(--font-en)}
html[lang="en"] body{font-family:var(--font-main);--lh-body:1.7}
/* عناصر عربية داخل صفحة إنجليزية (رابط «العربية») تبقى بخط الواجهة العربي */
html[lang="en"] [lang="ar"]{font-family:'Almarai',Tahoma,sans-serif}
/* الأسهم الاتجاهية تنعكس (السهم الأمامي إلى اليمين في LTR). لا ننعكس الشعار ولا الأيقونات ولا واتساب */
html[dir="ltr"] :is(.link-line,.back,.succ-band)>svg{transform:scaleX(-1)}
/* مؤشر القائمة المحددة في القائمة الجانبية: الحافة تتبع بداية السطر */
@media(max-width:860px){html[dir="ltr"] .nav-main a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--ink-strong)}}
/* نص تحريري مضبوط من الطرفين: آخر سطر إلى اليسار، ووصل الكلمات بالنظام لتقليل الفجوات في الأسطر الضيقة */
html[lang="en"] :is(.t-editorial,.prose) :where(p,li,blockquote){hyphens:auto;-webkit-hyphens:auto}
@media(min-width:861px){html[lang="en"] .nav-ic{display:none}html[lang="en"] .nav-main{gap:26px}}
/* ترويسة أضيق بين 861 و1100: الكلمات الإنجليزية أطول من العربية، فنخفف المكوّنات دون إخفاء أي رابط تنقل */
@media(min-width:861px) and (max-width:1100px){
  html[lang="en"] .nav-ic{display:none}
  html[lang="en"] .nav-main{gap:20px}
  html[lang="en"] .header-inner{gap:16px}
  html[lang="en"] .header-actions{gap:8px}
  html[lang="en"] .header-actions .btn{padding:0 14px}
}
@media(min-width:861px) and (max-width:1100px){html[lang="en"] .header-actions .btn{display:none}}