/* ═══════════════════════════════════════════════════════
 *  trust.css — أُستخرِج آليًا من pages/trust.php
 *  المقطع 1 من 1 · سطور 12–12 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 *  ⚠️ نُقلت إلى لغة تصميم الرئيسية (٥ سبتمبر ٢٠٢٦): الرموز المحلّية صارت
 *     أسماءً بديلة لرموز wtq-v4-base.css (تبقى لأن الصفحة تستعملها في
 *     محدِّداتها)، ولا كحلي ولا تدرّج ولا زوايا كبيرة ولا ظلّ على بطاقة ساكنة.
 *     الأسطح: أبيض / var(--panel) بالتناوب بين الأقسام (صنف .alt على <section>).
 *  ⚠️ إعادة بناء قويّة (٦ سبتمبر ٢٠٢٦) — «شبه الصفحة الرئيسية بنيةً لا لونًا»:
 *     · رأس قسم موحّد `.hd` (بلاطة أيقونة ← h2 ← lead) موسَّط بعرض 780px وهامش 48px.
 *     · كل قسم صار مكوّنًا واحدًا من الكتالوج: شبكة بطاقات · خطوات مرقّمة ·
 *       قائمة تحقّق · جدول مقارنة · بيان بعلامة جانبية · نداء ختامي بعرض الشاشة.
 *     · الألواح الطويلة (.panel.tight) صارت شبكات بطاقات بلا لمس الترميز،
 *       و«ما لا نفعله» صار شبكة ثلاثية، والخطّ الزمني صار بطاقات على مسار.
 *     · لا حذف لأي عنصر: الهالتان `.orb` والشريط الملوّن في `.pillar` حُيِّدا بالقواعد.
 *  ⚠️ جولة تصحيح المراجعة (٦ سبتمبر ٢٠٢٦):
 *     · علامة الصحّ صارت #15803D (‎--green-t‎) في `.chk` و`.pillar ul` — وأُعيد لونها
 *       داخل البيان الكهرماني بمحدِّد (0,2,2) لأن `.note.amber i` كان يغلبها.
 *     · المكوّنات العمودية (`.acc` · `.steps` · `.tl` · `.note.wide`) صار عرضها 840px
 *       كعمود `.fq` في الرئيسية — كان سطرها يبلغ 175 حرفًا مقابل 131 أقصى الرئيسية.
 *     · المقاسات رُدّت إلى الكتالوج: رقم الخطوة 26px · بلاطة الرأس 40px ·
 *       بلاطة السؤال 30px · فجوة الأكورديون 10px · حشو الـsummary 16/18.
 * ═══════════════════════════════════════════════════════ */
/* ═══ Alexandria — خطّ الموقع · ٢ سبتمبر ٢٠٢٦ ═══════════════════════════
   حلّ محلّ Segoe UI بطلب المالك. مستضاف ذاتيًّا كما كان سلفه: لا رابط
   لطرف ثالث، فلا تغيير في CSP ولا تسريب لزائر.
   وهو **خطّ متغيّر** — ملفٌّ واحد لكل نطاق يغطّي الأوزان كلّها (300→900)،
   فثلاثة ملفّات بمجموع ~٩٠ ك.ب بدل خمسة ملفّات Segoe منفصلة.
   و`unicode-range` تجعل المتصفّح ينزّل النطاق الذي يحتاجه وحده:
   الصفحة العربية لا تحمّل اللاتيني ولا العكس.
   ⚠️ التكرار في كل ملفّ CSS **مقصود** — كل صفحة تحمّل ملفًّا واحدًا فقط. */
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/alexandria-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/alexandria-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/alexandria-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* جسر الرموز: الأسماء المحلّية تبقى وتُسنَد إلى رموز wtq-v4-base.css.
   لا يُعاد تعريف رمز من الأساس (--blue · --ink · --line · --green · --faint). */
.tc{--blue-h:var(--blue-700);--blue2:var(--blue);--navy:var(--ink);--mut:var(--muted);--soft:var(--panel);--soft2:var(--blue-50);--amber:var(--muted);--gold:var(--blue);
    --sub2:#FBFBFA;--sub2-line:#EFEFEC;--line-b:#C7D7FB;--chip-b:#D6E2FB;--ink-2:#3A3A38;--green-t:#15803D;color-scheme:light}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Alexandria",system-ui,sans-serif;color:var(--ink);background:var(--paper);direction:rtl;line-height:1.75;overflow-x:clip}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
a{color:inherit;text-decoration:none}
.tc a:focus-visible,.tc summary:focus-visible,.tc button:focus-visible,.tc input:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r)}
/* إيقاع الأقسام: 96px وتناوب سطحين — لا حدّ مرسوم بين قسمين */
.tc section{padding:96px 0;background:#fff;scroll-margin-top:96px}
.tc section.alt{background:var(--panel)}
.tc h2,.tc h3,.tc h4{color:var(--ink)}
.tc strong,.tc b{color:var(--ink);font-weight:500}
/* breadcrumb */
.bc{padding:18px 0 0}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:400;color:var(--muted)}
.bc a{color:var(--mut);font-weight:500}.bc a:hover{color:var(--blue)}
.bc li[aria-current]{color:var(--ink);font-weight:500}
/* ═══ الهيرو — كالرئيسية: eyebrow خفيف ← h1 بجزء خافت ← lead ← كبسولات معايير ═══
   main.css تعطي .hero أرضية كحلية ونصًّا أبيض وتوهّجًا في ::before،
   فتُعلَن القيم هنا صراحةً كما في الرئيسية (بلا أولوية قسرية). */
.hero{position:relative;padding:48px 0 72px;text-align:center;overflow:hidden;background:#fff;color:var(--ink)}
.hero::before{content:none}
/* ⚠️ الهالتان زخرفة فقدت لونها الضبابي (لا تدرّج ولا لون خارج اللغة) —
   العنصران باقيان في الترميز بقاعدة الموضع وحدها (قاعدة المالك: لا حذف). */
.orb{position:absolute;border-radius:50%;z-index:0}
.orb.a{width:340px;height:340px;top:-150px;right:-70px}
.orb.b{width:270px;height:270px;bottom:-140px;left:-50px}
.hero>.wrap{position:relative;z-index:1}
/* eyebrow: نصّ خفيف بأيقونة زرقاء — لا كبسولة ملوّنة (كـ.eyebrow في الرئيسية) */
.ey{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;color:var(--muted);font-weight:500;font-size:12.5px;margin-bottom:18px}
.ey i{color:var(--blue);font-size:12px}
.hero h1{font-size:clamp(34px,4.7vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1.28;margin-bottom:16px;text-wrap:balance}
/* الجزء الخافت في العنوان: --muted لا --faint (تباين 5.11 مقابل 2.82) */
.hero h1 .g{color:var(--muted);font-weight:inherit}
.tc .lead{font-size:clamp(13.5px,1.05vw,15.5px);color:var(--muted);font-weight:300;line-height:1.9;max-width:62ch}
.hero p.lead{margin:0 auto}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
.chip i{color:var(--blue);font-size:12px}.chip.g i{color:var(--green)}.chip.a i{color:var(--muted)}
/* ═══ رأس القسم الموحّد: بلاطة أيقونة ← h2 ← lead · موسَّط 780px بهامش 48px ═══ */
.hd{max-width:780px;margin:0 auto 48px;text-align:center}
.sh{display:block;font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.7;margin:0}
.sh.c{text-align:center}
/* بلاطة أيقونة الرأس 40px = مقاس `.v4-itile` في الأساس (كانت 44px) */
.sh .ic{width:40px;height:40px;border-radius:var(--r);background:var(--soft2);color:var(--blue);display:grid;place-items:center;font-size:17px;margin:0 auto 20px}
.sub{color:var(--muted);font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;line-height:1.9;margin:0 0 24px;max-width:62ch}
.hd .sub{margin:16px auto 0;text-align:center}
.hd .lead{margin:16px auto 0;text-align:center}
.sub.c{text-align:center;margin-inline:auto}
/* عنوان قسم فرعي داخل القسم: بلاطة أيقونة صغيرة + نصّ 500 */
.h3b{display:flex;align-items:center;gap:12px;font-size:clamp(19px,1.7vw,23px);font-weight:500;letter-spacing:-.01em;line-height:1.7;margin:56px 0 20px}
.h3b i{width:34px;height:34px;border-radius:var(--r);background:var(--soft2);color:var(--blue);display:grid;place-items:center;font-size:14px;flex:none}
/* ═══ شبكات وبطاقات ═══ */
.grid{display:grid;gap:18px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;transition:border-color .25s,box-shadow .25s,transform .25s}
.card:hover{border-color:var(--line-b);box-shadow:0 26px 44px -34px rgba(11,11,11,.4);transform:translateY(-3px)}
.card .ci{width:40px;height:40px;border-radius:var(--r);background:var(--soft2);color:var(--blue);display:grid;place-items:center;font-size:17px;margin-bottom:14px;flex:none}
.card h3{font-size:15.5px;font-weight:500;line-height:1.7;margin-bottom:7px}
.card p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.85;margin-bottom:14px}
.card .tag{margin-top:auto;align-self:flex-start;font-size:12px;font-weight:500;color:var(--blue);background:var(--soft2);border:1px solid var(--chip-b);border-radius:var(--r);padding:4px 11px}
.card .go{margin-top:auto}
.go{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:500;font-size:13.5px}
.go:hover{color:var(--blue-h)}
/* ═══ أعمدة الثقة — شبكة بطاقات: شارة ← عنوان ← وصف ← تحقّقات ← رابط في الأسفل ═══
   ⚠️ الشريط الأزرق الجانبي (‎.pillar:before‎) حُيِّد: العمق بالحدّ لا بشريط ملوّن. */
.pillar{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px 20px;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}
.pillar:before{content:none}
.pillar:hover{border-color:var(--line-b);box-shadow:0 26px 44px -34px rgba(11,11,11,.4);transform:translateY(-3px)}
.pillar .pn{align-self:flex-start;font-size:12px;font-weight:500;color:var(--blue);background:var(--soft2);border:1px solid var(--chip-b);border-radius:var(--r);padding:4px 11px}
.pillar h3{font-size:15.5px;font-weight:500;line-height:1.7;margin:14px 0 7px}
.pillar p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.85}
.pillar ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.pillar ul li{font-size:12.5px;font-weight:400;line-height:1.85;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}
/* علامة الصحّ: #15803D (‎--green-t‎) كما ينصّ بند «قائمة مقارنة/تحقّق» في الكتالوج —
   لا ‎--green‎ ‎#16A34A‎ الذي تباينه على الأبيض 3.30 فقط، وهو ما يستعمله .yes في الجدول. */
.pillar ul li i{color:var(--green-t);font-size:12px;margin-top:7px;flex-shrink:0}
.pillar .go{margin-top:auto;padding-top:16px}
/* ═══ صفوف المزايا: اللوح الطويل صار شبكة بطاقات (بلا لمس الترميز) ═══ */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.panel.tight{background:transparent;border:0;border-radius:0;padding:0;display:grid;gap:18px}
#account .panel.tight{grid-template-columns:1fr 1fr}
#documents .panel.tight{grid-template-columns:repeat(3,1fr)}
.frow{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 18px;transition:border-color .25s}
.frow:hover{border-color:var(--line-b)}
.frow .fi{width:40px;height:40px;border-radius:var(--r);flex:none;display:grid;place-items:center;font-size:17px;background:var(--soft2);color:var(--blue);margin-top:2px}
.frow h3,.frow h4{font-size:15.5px;font-weight:500;line-height:1.7;margin-bottom:6px}
.frow p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.85}
.frow .mono{margin-top:10px}
.mono{display:inline-block;background:var(--sub2);border:1px solid var(--sub2-line);border-radius:var(--r);padding:6px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:400;color:var(--ink);direction:ltr;unicode-bidi:isolate}
/* ═══ خطوات مرقّمة بخطّ رابط رفيع بين الخطوة والتالية ═══
   ⚠️ الحصر 840px كعمود الرئيسية الواحد (`.fq`): بلا حصر كان سطر الوصف 162 حرفًا
   عند 1240 بينما أقصى سطر في الرئيسية كلّها 131 حرفًا. */
.steps{display:grid;gap:14px;max-width:840px;margin-inline:auto}
.step{position:relative;display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 18px;transition:border-color .25s}
.step:hover{border-color:var(--line-b)}
/* موضع الخطّ الرابط = حشو البطاقة 20px + نصف المربّع 13px */
.step:not(:last-child)::after{content:"";position:absolute;top:100%;inset-inline-start:33px;width:1px;height:14px;background:var(--line-2)}
/* مربّع الرقم 26px كـ`.v4-num` في الأساس (كان 34px) */
.step .n{width:26px;height:26px;border-radius:var(--r);background:var(--blue);color:#fff;font-size:12.5px;font-weight:500;display:grid;place-items:center;flex:none;font-variant-numeric:tabular-nums;margin-top:3px}
.step h3{font-size:15.5px;font-weight:500;line-height:1.7;margin-bottom:5px}
.step p{color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.9}
.step .how{margin-top:12px;background:var(--sub2);border:1px solid var(--sub2-line);border-inline-start:2px solid var(--blue);border-radius:var(--r);padding:11px 15px;font-size:12.5px;font-weight:400;line-height:1.85;color:var(--ink-2)}
/* ═══ صفّ الإحصاءات — الرقم كبير واللصيقة 12.5px ═══ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 18px;text-align:center}
.stat .v{font-size:34px;font-weight:500;color:var(--ink);letter-spacing:-.03em;line-height:1.15;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.stat .l{color:var(--muted);font-size:12.5px;font-weight:400;line-height:1.7;margin-top:8px}
/* ═══ مسار الحوادث — بطاقات على خطّ زمني ═══ */
.tl{position:relative;padding-inline-start:34px;margin-top:6px;max-width:840px;margin-inline:auto}
.tl:before{content:"";position:absolute;inset-inline-start:9px;top:12px;bottom:12px;width:1px;background:var(--line-2)}
.tl .it{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 16px;margin-bottom:12px;transition:border-color .25s}
.tl .it:hover{border-color:var(--line-b)}
.tl .it:last-child{margin-bottom:0}
.tl .it:before{content:"";position:absolute;inset-inline-start:-31px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.tl .it.g:before{background:var(--green)}.tl .it.a:before{background:var(--blue)}
.tl .it h3{font-size:15.5px;font-weight:500;line-height:1.7;margin-bottom:4px}
.tl .it p{color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.9}
.tl .it .k{display:inline-block;font-size:12px;font-weight:500;color:var(--blue);background:var(--soft2);border:1px solid var(--chip-b);border-radius:var(--r);padding:3px 10px;margin-bottom:8px}
/* ═══ «ما لا نفعله» — شبكة ثلاثية بعلامة محايدة ═══
   ⚠️ لا رمز لونًا دلاليًّا أحمر في الأساس — علامة «لا نفعل» محايدة (انظر التقرير) */
.never{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nv{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;transition:border-color .25s}
.nv:hover{border-color:var(--line-b)}
.nv .x{width:40px;height:40px;border-radius:var(--r);background:var(--panel);color:var(--muted);display:grid;place-items:center;flex:none;font-size:15px}
.nv h3{font-size:15.5px;font-weight:500;line-height:1.7;margin-bottom:7px}
.nv p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.85}
/* ═══ جدول المقارنة ═══ */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
table.rt{width:100%;border-collapse:collapse;min-width:640px}
table.rt th,table.rt td{padding:15px 18px;text-align:start;font-size:13px;font-weight:400;line-height:1.85;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
table.rt thead th{background:var(--soft);color:var(--ink);font-weight:500;font-size:12.5px}
table.rt tbody tr:last-child td{border-bottom:none}
table.rt td:first-child{font-weight:500;color:var(--ink);white-space:nowrap}
table.rt .yes{color:var(--green-t);font-weight:500}
table.rt .you{color:var(--blue);font-weight:500}
/* ⚠️ الكتل التي كانت داكنة (.dark · .vbox): «الداكن شيء يُعرض على الورقة لا مكان»
   — صارت شريطًا فاتحًا بحدّ رفيع بلا ظلّ، وبداخله بطاقات بيضاء. */
.dark{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:40px 36px;color:var(--ink)}
.dark h2,.dark h3{color:var(--ink)}
.dark h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.7;margin-bottom:10px}
.dark>p{color:var(--muted);font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;line-height:1.9;max-width:62ch}
.dark>h3{font-size:17px;font-weight:500;line-height:1.7;margin:30px 0 8px}
.dark .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.dcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 18px;transition:border-color .25s}
.dcard:hover{border-color:var(--line-b)}
.dcard i{width:40px;height:40px;border-radius:var(--r);background:var(--soft2);color:var(--blue);display:grid;place-items:center;font-size:17px;margin-bottom:14px}
.dcard h3{font-size:15.5px;font-weight:500;line-height:1.7;margin:0 0 6px}
.dcard p{color:var(--muted);font-size:13px;font-weight:300;line-height:1.85}
.dcard .mono{background:var(--sub2);border-color:var(--sub2-line);color:var(--ink)}
/* ═══ صندوق التحقّق ═══ */
.vbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:40px 30px;text-align:center;color:var(--ink);margin-top:26px}
.vbox h3{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.01em;line-height:1.7;margin-bottom:8px;color:var(--ink)}
.vbox p{color:var(--muted);margin:0 auto 20px;font-size:13.5px;font-weight:400;line-height:1.9;max-width:52ch}
.vform{display:flex;gap:10px;max-width:470px;margin:0 auto}
.vform input{flex:1;border:1px solid var(--line-2);border-radius:var(--r);padding:13px 16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;outline:none;background:#fff;color:var(--ink);min-width:0}
.vform button{background:var(--blue);color:#fff;font-weight:500;border:1px solid var(--blue);border-radius:var(--r);padding:0 22px;cursor:pointer;font-size:14.5px;transition:background .16s}
.vform button:hover{background:var(--blue-h);border-color:var(--blue-h)}
/* ═══ البيان — جملة موقف بمحاذاة البداية وعلامة واحدة جانبية (لا صندوق ملوّن) ═══ */
.note{border:0;border-inline-start:2px solid var(--blue);border-radius:0;background:transparent;padding:2px 0;padding-inline-start:22px;font-size:16px;font-weight:300;line-height:1.9;color:var(--ink);max-width:72ch}
/* ‎.wide‎ للبيان الذي يحمل قائمة تحقّق: يتّسع عن 72ch لكن يبقى في حدّ عمود الرئيسية 840px
   (بلا حصر كان سطره 135 حرفًا عند 1240 — أطول من أي سطر في الرئيسية). */
.note.wide{max-width:840px}
.note b{color:var(--ink);font-weight:500}
.note i{margin-inline-end:8px;color:var(--blue)}
.note.blue{border-inline-start-color:var(--blue)}.note.blue b{color:var(--blue-h)}
.note.amber{border-inline-start-color:var(--ink)}.note.amber i{color:var(--muted)}
.note.green{border-inline-start-color:var(--green)}.note.green b{color:var(--green-t)}.note.green i{color:var(--green-t)}
/* ═══ قائمة تحقّق — بطاقات بعلامة خضراء ═══ */
.chk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.chk li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:13px;font-weight:300;line-height:1.85;color:var(--muted)}
.chk li:last-child{grid-column:1/-1}
.chk li i{color:var(--green-t);margin:6px 0 0;flex-shrink:0;font-size:12px}
/* ⚠️ القائمة تقع داخل `.note.amber`، و`.note.amber i` (0,2,1) يغلب `.chk li i` (0,1,2)
   فكانت علامات الصحّ تُرسَم رماديّة ‎--muted‎. المحدِّد التالي (0,2,2) يعيد اللون
   بلا ‎!important‎ وبلا لمس قاعدة البيان. */
.note .chk li i{color:var(--green-t)}
.chk li b{display:block;color:var(--ink);font-weight:500;margin-bottom:3px;font-size:14px}
/* ═══ الأسئلة — نفس حصر الرئيسية: `.fq{max-width:840px;margin:0 auto;gap:10px}` ═══ */
.acc{display:grid;gap:10px;max-width:840px;margin-inline:auto}
.acc details{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.acc details[open]{border-color:var(--line-b);box-shadow:0 20px 40px -32px rgba(37,99,235,.4)}
.acc summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-weight:500;color:var(--ink);font-size:15px;line-height:1.7;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary .qi{width:30px;height:30px;border-radius:var(--r);background:var(--soft2);color:var(--blue);display:grid;place-items:center;flex:none;font-size:13px}
.acc summary .ar{margin-inline-start:auto;color:var(--muted);transition:transform .25s,color .25s;font-size:13px}
.acc details[open] summary .ar{transform:rotate(180deg);color:var(--blue)}
.acc .bin{padding:0 18px 18px;color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.9}
.acc .bin .ex{background:var(--sub2);border:1px solid var(--sub2-line);border-inline-start:2px solid var(--blue);border-radius:var(--r);padding:11px 15px;margin-top:12px;font-size:12.5px;font-weight:400;line-height:1.85;color:var(--ink-2)}
/* ═══ المفتاح العام — كان صندوقًا كحليًّا بنصّ فاتح؛ صار بطاقة بيضاء ═══ */
.pkbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.pkbox .pkalg{display:inline-flex;align-items:center;gap:6px;background:var(--soft2);color:var(--blue);border:1px solid var(--chip-b);font-weight:500;font-size:12px;border-radius:var(--r);padding:5px 14px}
.pkbox .pkfp{color:var(--muted);font-size:12.5px;font-weight:400}
.pkbox code{color:var(--ink);user-select:all;font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate}
.pkbox .pklbl{font-size:12.5px;font-weight:400;color:var(--muted);margin-bottom:8px}
.pkbox .pkkey{white-space:pre-wrap;word-break:break-all;user-select:all;background:var(--sub2);border:1px solid var(--sub2-line);border-radius:var(--r);padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--ink);margin:0;direction:ltr;unicode-bidi:isolate}
.pkbox .pknote{font-size:12.5px;font-weight:400;line-height:1.9;color:var(--muted);margin:14px 0 0}
/* ═══ النداء الختامي: شريط بعرض الشاشة على var(--panel) بحشو 96px بلا زاوية ═══ */
.ctaw{max-width:none;padding:0}
.cta{background:var(--panel);border-radius:0;padding:96px 28px;text-align:center;color:var(--ink);margin:0}
.cta h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.7;margin-bottom:8px;color:var(--ink)}
.cta p{color:var(--muted);font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;line-height:1.9;margin:0 auto 26px;max-width:62ch}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta .b1{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:500;font-size:14.5px;padding:12px 26px;border-radius:var(--r);transition:background .16s,transform .15s}
.cta .b1:hover{background:var(--blue-h);border-color:var(--blue-h);transform:translateY(-1px)}
.cta .b2{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line-b);color:var(--blue);font-weight:500;font-size:14.5px;padding:12px 26px;border-radius:var(--r);transition:background .16s,border-color .16s}
.cta .b2:hover{background:var(--soft2);border-color:var(--blue)}
.upd{color:var(--muted);font-size:12.5px;font-weight:400;line-height:1.9;text-align:center;padding:26px 28px 40px;max-width:820px;margin:0 auto}
/* inline links */
.tc p a:not(.go):not(.b1):not(.b2),.tc li a{color:var(--blue);font-weight:500}
.tc p a:not(.go):not(.b1):not(.b2):hover,.tc li a:hover{color:var(--blue-h);text-decoration:underline}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,li,label,span,div,td,th,strong,b,small{font-family:"Alexandria",system-ui,sans-serif !important}

/* ═══ نقاط الكسر — سبع قيم تتبع المكوّن لا الجهاز (كالرئيسية) ═══ */
@media(max-width:1000px){
  .g3,.g4{grid-template-columns:1fr 1fr}
  .never{grid-template-columns:1fr 1fr}
  #documents .panel.tight{grid-template-columns:1fr 1fr}
  .dark .dgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .tc section{padding:64px 0}
  .wrap{padding:0 20px}
  .hd{margin-bottom:36px}
  .h3b{margin-top:44px}
  .stats{grid-template-columns:1fr 1fr}
  .dark{padding:32px 26px}
  .ctaw{padding:0}
  .cta{padding:64px 20px}
}
@media(max-width:760px){
  .g3,.g4,.never,.chk{grid-template-columns:1fr}
  #account .panel.tight,#documents .panel.tight{grid-template-columns:1fr}
  .dark .dgrid{grid-template-columns:1fr}
  .chk li:last-child{grid-column:auto}
}
@media(max-width:640px){
  .sh .ic{width:36px;height:36px;font-size:15px}
  .stat .v{font-size:28px}
  .dark{padding:26px 20px}
  .vbox{padding:30px 20px}
  .cta .btns>a{flex:1;min-width:200px}
}
@media(max-width:520px){
  .frow{flex-direction:column;gap:12px}
  .vform{flex-direction:column}.vform button{padding:13px 22px}
}
/* WTQ-IOS-ZOOM — الهاتف: خطّ خانة رقم التحقّق 16px يمنع تكبير سفاري
   التلقائي عند التركيز (سلوك iOS لأي حقل خطّه أصغر من 16px، ولا يتراجع). */
@media(max-width:768px){
  .vform input,.vform button{font-size:16px}
}