/* ═══════════════════════════════════════════════════════
 *  legal.css — ورقة المركز القانوني (/legal و /legal/{slug})
 *  ⚠️ نُقلت إلى لغة تصميم الرئيسية (٥ سبتمبر ٢٠٢٦): إعادة تلوين وإعادة طباعة.
 *  ⚠️ وأُعيد بناء الإطار (٩ سبتمبر ٢٠٢٦) — إعادة تصميم قويّة لا إعادة تلوين:
 *     رأس أبيض بمقاس رأس القسم في الرئيسية ← شريط لوح يحمل الفهرس والوثيقة،
 *     فلا قسمان متتاليان بلون واحد. الأيقونات صارت SVG خطّيًّا، والفهرس
 *     والبطاقات على مكوّنات الكتالوج (شبكة بطاقات · قائمة · بيان).
 *  ⚠️ نصّ الوثائق القانونية نفسه (pages/legal-content/*.html) لم يُمسّ بحرف —
 *     ولا ترقيم بند ولا ترتيب. التنسيق وحده هو ما تغيّر.
 *  ⚠️ عمود القراءة مقيَّد بـ75 حرفًا وارتفاع سطر 2.05 — القراءة الطويلة هي
 *     وظيفة هذه الصفحة، لا العرض.
 * ═══════════════════════════════════════════════════════ */

/* ═══ الأيقونات: SVG خطّي، ووسم Font Awesome باقٍ محيَّدًا ═══
   الرئيسية لا تستعمل Font Awesome في أي أيقونة ظاهرة (قِيس: صفر)، فوسوم
   <i class="fas …"> تبقى كما هي في الترميز — لا حذف — ويُلغى محرف الخطّ
   وحده، وتحمل الوسوم بداخلها الأيقونة الخطّية. الأولوية عنصر+صنف+زائف
   (0,1,2) تعلو على .fa-x::before (0,1,1) بلا أي أولوية قسرية. */
i.lci{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:1}
i.lci::before{content:none}
.lc-ic{width:1em;height:1em;display:block;flex:none}

/* ═══ الرأس — قسم أبيض على مقاس رأس القسم في الرئيسية ═══ */
.lc-hero{background:#fff;padding:76px 0 52px;text-align:center;border-bottom:1px solid var(--line)}
/* ⚠️ 1060px هو عرض شريط المحتوى نفسه (.lc-wrap) لا var(--maxw): بـ1240 كان
   نصّ الرأس يبدأ على 28px من حافّة المنفذ بينما يبدأ الفهرس تحته على 124px
   (قِيس على 1240) — حافّتان مختلفتان لصفحة واحدة. */
.lc-hero-in{max-width:1060px;margin:0 auto;padding:0 28px}
.lc-hero .hic{width:46px;height:46px;border-radius:var(--r);background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:23px;margin:0 auto 20px}
.lc-hero h1,.lc-hero .lc-h1{font-size:clamp(30px,3.6vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.28;margin:0;text-wrap:balance}
.lc-hero p{font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;color:var(--muted);max-width:62ch;margin:16px auto 0;line-height:1.9}

/* شريط الإصدار والتاريخ — كان قرصًا وحيدًا معلَّقًا؛ صار شريطًا بحدّ رفيع
   على مقاس .v4-tag: أرضية بيضاء وحدّ 1px وزاوية var(--r) وعلامة خضراء. */
.lc-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:9px 15px;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:22px;line-height:1.7;text-align:start}
.lc-badge .lci{font-size:15px;color:#15803D;flex:0 0 auto}

/* تذييل الرأس: روابط الإصدارات المؤرشفة — سطر بيانات تحت خطّ شعري،
   لا نصّ سائب. الفواصل « · » عقد نصّية في الترميز فتبقى كما هي. */
.lc-arch{margin:24px auto 0;padding-top:16px;border-top:1px solid var(--line);max-width:62ch;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.9}
.lc-arch a{color:var(--blue);font-weight:500;text-decoration:none}
.lc-arch a:hover{color:var(--blue-700);text-decoration:underline}

/* ═══ صفحة وثيقة: الرأس يصير شريط سياق ضيّقًا ═══
   ⚠️ العنوان الحقيقي للصفحة (h1 الوثيقة) يقع تحت هذا الرأس مباشرة، فرأسان
   كاملان متتاليان كانا يتنافسان على البصر ويدفعان الوثيقة تحت الطيّة.
   «المركز القانوني» يصير هنا **علامة قسم** بتوقيع الرئيسية نفسه: نقطة
   زرقاء + كلمة (wtq-v4-base.css: .v4-eyebrow) — العنصر نفسه ونصّه نفسه. */
.lc-hero.doc{padding:34px 0 28px;text-align:start}
/* بلاطة الميزان تُحيَّد لا تُحذف: بلاطة أيقونة الوثيقة نفسها تظهر تحتها
   بأربعين بكسل في .lc-doc-head، وعلامة الرئيسية «نقطة + كلمة» بلا أيقونة. */
.lc-hero.doc .hic{display:none}
.lc-hero.doc .lc-h1{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--muted);letter-spacing:normal;line-height:1.7}
.lc-hero.doc .lc-h1::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.15);flex:0 0 auto}
.lc-hero.doc p{font-size:13px;margin:11px 0 0;max-width:66ch}
.lc-hero.doc .lc-badge{margin-top:16px}
.lc-hero.doc .lc-arch{margin-inline:0;max-width:80ch;margin-top:18px;padding-top:14px}

/* ═══ الشريط اللوح — الفهرس والوثيقة عليه ═══
   تناوب الأسطح كما في الرئيسية: رأس أبيض ← شريط لوح ← تذييل الموقع.
   البطاقات بيضاء على اللوح (نمط بطاقات الرئيسية) لا بيضاء على أبيض. */
.lc-band{background:var(--panel)}
.lc-wrap{max-width:1060px;margin:0 auto;padding:40px 28px 88px;display:grid;grid-template-columns:276px minmax(0,1fr);gap:28px;align-items:start}

/* ═══ الفهرس الجانبي ═══ */
.lc-toc{position:sticky;top:84px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;max-height:calc(100vh - 106px);overflow:auto}
/* الحشو الرأسي على الحقل نفسه لا على الحاوية: الحقل هو ما يستقبل النقر،
   فيصير هدفه 41px على 1240 و45px على الهاتف (قِيس) بدل 20px داخل حاوية 39px. */
.lc-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 12px;margin-bottom:6px;color:var(--faint);transition:border-color .16s}
.lc-search:focus-within{border-color:var(--blue)}
.lc-search .lci{font-size:15px;flex:0 0 auto}
.lc-search input{border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;font-weight:400;width:100%;color:var(--ink);padding:13px 0}
/* عنوان المجموعة: لصيقة صغيرة بخطّ شعري فاصل — بنية الفهرس تُقرأ مجموعات
   لا قائمة واحدة طويلة من أربعة وأربعين رابطًا. */
.lc-toc .grp{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:normal;margin:14px 4px 7px;padding-top:14px;border-top:1px solid var(--line);line-height:1.7}
.lc-all,.lc-doc{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--muted);text-decoration:none;padding:9px 11px;border-radius:var(--r);margin-bottom:2px;transition:background .16s,color .16s;cursor:pointer;line-height:1.7}
.lc-doc .di{width:18px;font-size:15px;color:var(--faint);flex:0 0 auto;transition:color .16s}
.lc-doc .tt{flex:1;min-width:0}
.lc-doc .cx{font-size:14px;color:var(--faint);transition:transform .2s;padding:4px;margin:-4px}
.lc-all:hover,.lc-doc:hover{background:var(--panel);color:var(--blue)}
.lc-all:hover .di,.lc-doc:hover .di{color:var(--blue)}
.lc-all.on,.lc-doc.on{background:var(--blue-50);color:var(--blue);font-weight:500}
.lc-doc.on .di{color:var(--blue)}
.lc-all:focus-visible,.lc-doc:focus-visible,.lc-doc .cx:focus-visible,.lc-sub a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lc-item:not(.open) .cx{transform:rotate(-90deg)}
.lc-item:not(.open) .lc-sub{display:none}
/* جدول محتويات الوثيقة: قائمة على سكّة رفيعة تتحوّل زرقاء عند القسم الحالي —
   الحالة تُقال باللون والسكّة لا بالشفافية. */
.lc-sub{padding:4px 0 8px}
.lc-sub a{display:block;font-size:12.5px;font-weight:400;color:var(--muted);text-decoration:none;padding:7px 12px;margin-inline:15px 2px;border-inline-start:1px solid var(--line);line-height:1.75;transition:color .16s,border-color .16s,background .16s}
.lc-sub a:hover{color:var(--blue);border-inline-start-color:var(--blue);background:var(--blue-50)}
.lc-sub a.cur{color:var(--blue);border-inline-start-color:var(--blue);font-weight:500}

/* ═══ الوثيقة ═══ */
.lc-main{min-width:0}
.lc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 34px 34px}
/* رأس الوثيقة: بلاطة أيقونة ← عنوان ← الفعل الوحيد — على مقاس رأس البطاقة
   في الرئيسية (بلاطة 40px بأرضية --blue-50 وأيقونة خطّية). */
.lc-doc-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.lc-doc-head .ic{width:40px;height:40px;border-radius:var(--r);background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.lc-doc-head h1{font-size:clamp(20px,2.4vw,27px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.7;margin:0}
/* الفعل الوحيد في صفحة الوثيقة ⇒ الأزرق الممتلئ (سلّم الأفعال في اللغة:
   الأوّل ممتلئ والثانوي مخطَّط) — كان مخطَّطًا فبدا فعلًا ثانويًّا بلا أوّل. */
.lc-print{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;background:var(--blue);border:1px solid var(--blue);border-radius:var(--r);padding:11px 20px;font-size:13.5px;font-weight:500;color:#fff;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,transform .15s;white-space:nowrap;line-height:1.7}
.lc-print .lci{font-size:15px}
.lc-print:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px)}

/* ═══ متن الوثيقة — عمود القراءة ═══
   ⚠️ 75ch سقف عمود النصّ: أعرض من ذلك يفقد العين بداية السطر التالي في
   وثيقة من عشرات البنود. وارتفاع السطر 2.05 (الحدّ 1.9) لأن الشدّة
   والتنوين يعلوان حدّ السطر في العربية والنازلات تهبط تحته.
   ⚠️ المحاذاة صارت من البداية بدل ضبط الطرفين: الضبط في عمود 75ch يفتح
   «أنهارًا» بيضاء بين الكلمات العربية، ومتن الرئيسية كلّه محاذى للبداية. */
.lc-body{color:var(--ink);font-weight:400;line-height:2.05;font-size:15px;max-width:75ch;overflow-wrap:break-word}
.lc-body h2{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.7;margin:34px 0 12px;padding-inline-start:14px;position:relative;scroll-margin-top:92px}
.lc-body h2::before{content:"";position:absolute;top:6px;bottom:6px;inset-inline-start:0;width:3px;background:var(--blue);border-radius:999px}
.lc-body h2:first-child{margin-top:0}
.lc-body h3{font-size:16px;font-weight:500;color:var(--ink);line-height:1.7;margin:24px 0 8px;scroll-margin-top:92px}
.lc-body h4{font-size:15px;font-weight:500;color:var(--ink);line-height:1.7;margin:16px 0 4px}
.lc-body p{margin:0 0 12px;text-align:start;font-weight:400}
.lc-body ul,.lc-body ol{margin:0 0 14px;padding-inline-start:26px}
/* main.css يُلغي نقاط التعداد للموقع كله (ul{list-style:none})، فكانت بنود
   الوثيقة الملزِمة تُقرأ فقرات مزاحة لا قائمة. البنية معنى هنا لا زينة. */
.lc-body ul{list-style:disc}
.lc-body li{margin-bottom:7px}
.lc-body li::marker{color:var(--blue)}
.lc-body hr{border:none;border-top:1px solid var(--line);margin:26px 0}
.lc-body strong{color:var(--ink);font-weight:500}
.lc-body a{color:var(--blue);font-weight:500;text-decoration:none}
.lc-body a:hover{color:var(--blue-700);text-decoration:underline}
/* شريط تواريخ الإصدار داخل الوثيقة: صفّ بيانات لا صندوق — اللصيقة خافتة
   والقيمة بالحبر بأرقام جدولية، بين خطّين شعريّين. */
.lc-body .lg-meta{display:flex;flex-wrap:wrap;gap:6px 26px;background:transparent;border:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;margin:0 0 22px;font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.9;font-variant-numeric:tabular-nums}
.lc-body .lg-meta strong{color:var(--muted);font-weight:400}
/* إشعار «العربي هو المرجع» أعلى كل وثيقة إنجليزية. مميَّز بصريًّا عن كتلة
   التواريخ لأنه بند حاكم لا بيانات وصفية: لو حصل خلاف في التفسير، النصّ
   العربي هو الملزِم. ⚠️ كان كهرمانيًّا (#fff8e6/#f0d48a/#6b4e00) وللكهرماني
   لا رمز في أساس اللغة، فوُحّد إلى الشريحة الزرقاء — التمييز باقٍ عن
   .lg-meta التي لا حدّ لها ولا أرضية. */
.lc-body .lg-authority{display:block;background:var(--blue-50);border:1px solid #D6E2FB;border-radius:var(--r);color:var(--blue-700);line-height:1.9;padding:13px 16px;font-weight:400}
.lc-body .lg-authority strong{color:var(--blue-700);font-weight:500}

/* ═══ صفحة الفهرس (/legal) ═══ */
/* البيان: جملة الافتتاح صارت مكوّن «بيان» — علامة زرقاء جانبية بلا صندوق،
   وزن 300 وارتفاع 1.9، كما في مانيفستو الرئيسية. */
.lc-intro{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:8px}
.lc-intro p{font-size:clamp(14.5px,1.15vw,17px);font-weight:300;color:var(--ink);line-height:1.9;margin:0;max-width:66ch;border-inline-start:2px solid var(--blue);padding-inline-start:clamp(16px,2vw,24px)}
.lc-na{color:var(--muted);font-weight:400}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:14px}
.lc-tile{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;transition:border-color .16s}
.lc-tile:hover{border-color:var(--blue)}
.lc-tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lc-tile .ic{width:40px;height:40px;border-radius:var(--r);background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;transition:background .16s,color .16s}
.lc-tile:hover .ic{background:var(--blue);color:#fff}
.lc-tile b{font-size:14px;color:var(--ink);font-weight:500;line-height:1.75}
.lc-grp-title{font-size:clamp(16px,1.6vw,19px);font-weight:500;color:var(--ink);letter-spacing:-.02em;line-height:1.7;margin:30px 0 2px}

/* نقطة الكسر 860px كما كانت قبل نقل اللغة — لم تُنقل إلى 900px. */
@media(max-width:860px){
  .lc-wrap{grid-template-columns:1fr;padding:28px 20px 64px}
  /* الفهرس ينزل **أسفل** الوثيقة على الهاتف بدل أن يعلوها — بترتيب الشبكة
     وحده (تنسيق؛ الترميز كما هو بلا نقل ولا حذف).
     السبب: كتلة الفهرس 2229px، فوضعها فوق المتن يدفن أوّل حرف من الوثيقة
     ويهبط بزرّ «طباعة / PDF» — الفعل الوحيد — تحت الطيّة. وقصّها بسقف
     ارتفاع (24vh) كان يحوّل المنقّل إلى كوّة: رابطان ظاهران من أربعة
     وأربعين. بهذا الترتيب يبدأ المتن مباشرة تحت الرأس، ويبقى الفهرس
     كاملًا بكلّ روابطه أسفل الصفحة — موضع الفهارس الطبيعي. */
  .lc-toc{position:static;max-height:none;order:2}
  .lc-main{order:1}
  .lc-hero{padding:48px 0 40px}
  .lc-hero-in{padding:0 20px}
  .lc-hero.doc{padding:26px 0 24px}
  /* تصغير عنوان الرأس على الهاتف كما كان قبل نقل اللغة (1.55rem = 24.8px):
     عند 30px كان الرأس وحده يأخذ 378px من طيّة 844. */
  .lc-hero h1,.lc-hero .lc-h1{font-size:1.55rem}
  .lc-hero.doc .lc-h1{font-size:12.5px}
  .lc-card{padding:22px 20px 26px}
  .lc-doc-head{flex-wrap:wrap;gap:12px}
  .lc-doc-head h1{flex:1 1 auto;min-width:0}
  .lc-print{margin-inline-start:0;flex:1 1 100%;justify-content:center}
  /* هدف اللمس ≥40px: 12.5px×1.7 + 2×10 = 41.25px (قِيس) */
  .lc-sub a{padding-top:10px;padding-bottom:10px}
  /* روابط الإصدارات المؤرشفة: 15px مقيسًا. الحشو يرفع الهدف إلى 41.75px
     (12.5×1.9 + 2×9) والهامش السالب يمنعه من زيادة ارتفاع سطر الرأس. */
  .lc-arch a{display:inline-block;padding-block:9px;margin-block:-9px}
}
@media print{.main-navbar,.lc-hero,.lc-toc,.lc-print,footer,.site-footer{display:none!important}.lc-band{background:#fff}.lc-wrap{display:block;padding:0;max-width:none}.lc-card{border:none;padding:0}.lc-body{max-width:none}}

/* WTQ-IOS-ZOOM — الهاتف: خطّ الحقول 16px يمنع تكبير سفاري التلقائي
   عند التركيز (سلوك iOS لأي حقل خطّه أصغر من 16px، ولا يتراجع). */
@media(max-width:768px){
  .lc-search input,#lcSearch{font-size:16px}
}