مواصفات الصفحات

ثلاثة أسطح، ثلاث مواصفات. القائمة هي كثافة-التصفّح. التفاصيل هي conversion (بروز CTA Download). القارئ هو الفهم (TOC + شريط التقدّم + chrome الجسم).

صفحة القائمة

Hero

eyebrow العلامة "FOUNDER FILES" + العنوان + الـ lede + صفّ pills الفلاتر + شريط شارات "متاح بـ EN, AR, FR".

spotlight الملف المميز

عرض `.card-editorial--spotlight` للملف المميز في الأعلى. معاينة غلاف أكبر، eyebrow "Featured".

صفّ الفلاتر

التصنيف · اللغة · حالة الرعاية. حالة الفلتر تستمرّ في الـ URL.

شبكة الكروت

`<app-founder-file-card *ngFor (download)="openDownload($event)">` 3-up ديسكتوب، 2-up تابلت، 1-up موبايل.

modal التحميل

<app-ff-download-modal *ngIf="modalOpen()">. تفتح من CTA Download أي كرت.

صفحة التفاصيل

Hero

عمودان على الديسكتوب: غلاف 3:4 portrait (يسار، مع SVG تحريري احتياطي) + العنوان + eyebrow العلامة برقم الملف + الـ dek + كتلة Best For + CTAs Download / Open Reader + وقت القراءة + مجموعة chips اللغات المتاحة.

ما ستتعلّم

قائمة مرقّمة من `learningPoints[]` من entity الملف. 4-6 عناصر.

داخل هذا الملف

معاينة TOC — يسرد رؤوس الأقسام من `tocSections[]`. كل قسم يربط لـ anchor في القارئ.

صفّ راعي مصغّر (مشروط)

حين `sponsorId` مضبوط، يعرض chip tier الراعي + اسم الراعي + الشعار. واعٍ بالـ Locale.

صفحة القارئ

header قارئ ثابت

رابط رجوع للتفاصيل + عنوان الملف (مضغوط) + شريط تقدّم القراءة (0-100% بناءً على عمق scroll).

TOC sidebar

rail يسار ثابت على الديسكتوب. يسرد كل الأقسام؛ القسم الحالي يحصل على تمييز الحالة النشطة (محسوب عبر IntersectionObserver).

أقسام الجسم

كل قسم له anchor ID. HTML معروض عبر [innerHTML] + SafeHtmlPipe. فئة طباعة `prose-editorial`.

CTAs نهاية الملف

Download (إن لم يُحمَّل بعد)، Next File (المرحلة 2)، Share. ثم Related Ecosystem Signals + Inline Signal CTA.