/* ══ صفحةُ من نحن /about — نُقلت من وسم نمطٍ مضمَّن (القاعدة 1 · 2026-09-03) — نقلٌ حرفيّ (صفرُ hex) ══ */

/* ── about (كانت عند السطر 298) ── */
    /* ⚖ **JetBrains Mono نُقل إلى `<link>` في التخطيط** (2026-08-09): `@import`
       داخل `<style>` سطريّ يُكتشَف **بعد** تحليل الورقة، فيصير طلبُ الخطّ متسلسلاً
       خلف طلبٍ آخر بدل أن يتوازى معه. والآن عائلتان في طلبٍ واحد. */

:root {
    /* ⛔ **كانت hex خامّةً لا تتبع الثيم** (قِيس 2026-08-22 · `contrast-audit`):
         `--ed-white` يتبع الثيمَ و`--ed-black` لا يتبعه ⇒ في الوضع الداكن
         تصير الخلفيّةُ `#0A0A0A` والنصُّ يبقى `#050505` = **1.03:1**،
         و**36 عنصراً في الصفحة يسقط**. والصفحةُ كلُّها تُقرأ سوداءَ فارغة.
       ⚖ والرموزُ المنصوصةُ تنقلب معاً: `--fnv-ink` (‏أسود ⇄ أبيض) و
         `--fnv-surface-2` (‏#FAFAFA ⇄ #141414) — فيبقى التباينُ في الحالين.
       ⛔ ولا لونَ hex خامٍّ في لوحةٍ محلّيّة (‏CLAUDE.md قاعدة 2). */
    --ed-black: var(--fnv-ink);
    --ed-white: var(--fnv-surface);
    --ed-grey: var(--fnv-surface-2);
    --ed-border: var(--fnv-ink);
    --ed-text: var(--fnv-n-800);
    --font-cairo: sans-serif;
    --font-mono: var(--fnv-font-body);
}

/* Base Reset for this section */
.fnv-editorial-about {
    background-color: var(--ed-white);
    color: var(--ed-black);
    font-family: var(--font-cairo);
    line-height: 1.6;
}

/* Typography */
.fnv-editorial-about h1, .fnv-editorial-about h2, .fnv-editorial-about h3 {
    color: var(--ed-black);
    font-weight: 900;
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.fnv-editorial-about p {
    color: var(--ed-text);
    margin: 0 0 1.5rem 0;
}

/* Utility */
.alt-bg { background-color: var(--ed-grey); border-top: 1px solid var(--ed-border); border-bottom: 1px solid var(--ed-border); }
.h-full { height: 100%; }
.full-width { width: 100%; text-align: center; }

/* Buttons */
.ed-btn-primary {
    display: inline-flex; justify-content: center; align-items: center;
    background: var(--ed-black); color: var(--ed-white) !important;
    padding: 1rem 2rem; font-size: 1.1rem; font-weight: 700;
    text-decoration: none; border: 1px solid var(--ed-black);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s; cursor: pointer;
}
.ed-btn-primary:hover {
    background: var(--ed-white); color: var(--ed-black) !important;
}

.ed-btn-outline {
    display: inline-flex; justify-content: center; align-items: center;
    background: transparent; color: var(--ed-black);
    padding: 0.5rem 1rem; font-size: .9rem; font-weight: 700;
    text-decoration: none; border: 1px solid var(--ed-black);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.2s; font-family: var(--font-mono);
}
.ed-btn-outline:hover {
    background: var(--ed-black); color: var(--ed-white);
}

/* Masthead */
.fnv-abt-masthead {
    border-bottom: 1px solid var(--ed-border);
    padding: 10px 0;
    background: var(--ed-white);
}
.fnv-abt-masthead__inner {
    display: flex; align-items: center; justify-content: space-between;
    font-family: var(--font-mono); font-size: .8125rem; font-weight: 700;
    text-transform: uppercase;
}
.fnv-abt-masthead__label { background: var(--ed-black); color: var(--ed-white); padding: 2px 8px; }
.fnv-abt-masthead__sub { margin-right: 15px; flex-grow: 1; }

/* Sections */
.fnv-abt-section { padding: 80px 0; }
.ed-section-header {
    border-bottom: 3px solid var(--ed-black); margin-bottom: 40px; padding-bottom: 10px;
}
.ed-section-title { font-size: 2rem; text-transform: uppercase; }

/* Hero */
.fnv-abt-hero { padding: 80px 0; border-bottom: 1px solid var(--ed-border); }
/* align-items:center يربط صندوق «معايير التداول» بالفقرة التقديمية ككتلة بصريّة واحدة */
.editorial-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 44px; align-items: center; }
.ed-tag {
    font-family: var(--font-mono); font-size: .85rem; font-weight: 700;
    border: 1px solid var(--ed-border); display: inline-block; padding: 4px 10px;
    margin-bottom: 18px;
}
/* عنوان أصغر (لا يبتلع العين) + letter-spacing:normal إلزاميّ للعربية (السالب يكسر وصل الحروف) */
.ed-headline { font-size: clamp(2rem, 3vw, 3rem); letter-spacing: normal; line-height: 1.4; }
.ed-lede { font-size: 1.15rem; margin-bottom: 28px; font-weight: 600; max-width: 92%; line-height: 1.95; }

/* Data Box */
.ed-data-box {
    border: 1px solid var(--ed-border); background: var(--ed-white);
}
.ed-data-header {
    background: var(--ed-black); color: var(--ed-white);
    padding: 10px 15px; font-family: var(--font-mono); font-weight: 700; font-size: .9rem;
}
.ed-data-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px; border-bottom: 1px solid var(--ed-border);
    font-family: var(--font-mono); font-size: .9rem; font-weight: 700;
}
.ed-data-row:last-child { border-bottom: none; }
.ed-data-row .strikethrough { text-decoration: line-through; color: var(--fnv-ink-3); }
.ed-data-row .highlight { background: var(--ed-black); color: var(--ed-white); padding: 2px 6px; }
.ed-data-row.terminal-style { background: var(--ed-grey); color: var(--ed-text); justify-content: flex-start; }

/* Profile Grid */
.ed-profile-grid { display: grid; grid-template-columns: 350px 1fr; gap: 40px; align-items: start; }
.ed-profile-img { border: 1px solid var(--ed-border); padding: 10px; background: var(--ed-white); }
.ed-profile-img img { width: 100%; aspect-ratio: 3/4; object-fit: cover; filter: grayscale(100%); display: block; }
.ed-profile-img .img-caption { text-align: center; font-family: var(--font-mono); font-size: .8125rem; font-weight: 700; padding-top: 10px; border-top: 1px solid var(--ed-border); margin-top: 10px; }

.ed-profile-content { border: 1px solid var(--ed-border); padding: 40px; background: var(--ed-white); }
.ed-profile-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--ed-border); padding-bottom: 20px; margin-bottom: 20px; }
.ed-profile-name { font-size: 2.5rem; margin: 0; }
.ed-profile-role { font-family: var(--font-mono); font-weight: 700; font-size: 1rem; margin-bottom: 20px; color: var(--ed-text); }
/* ⚖ مقاسُ السطر: 86 محرفاً مقيسةً حيّاً — والرمزُ القائمُ يهدف 62–70.
     (‏`--fnv-measure` يستعمله 73 موضعاً؛ هذه لم تُهاجَر.) */
.ed-profile-bio { font-size: 1.1rem; max-width: var(--fnv-measure); }   /* متنٌ لا مقدّمة: `-wide` أعطت 78 والمتنُ يريد ≤75 */
.ed-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--ed-border); }
.ed-tag-item { border: 1px solid var(--ed-border); padding: 6px 12px; font-family: var(--font-mono); font-size: .85rem; font-weight: 700; }

/* Pillars */
.ed-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.ed-pillar { border: 1px solid var(--ed-border); padding: 30px; background: var(--ed-white); }
.ed-pillar-num { font-family: var(--font-mono); font-size: 2rem; font-weight: 900; margin-bottom: 15px; color: var(--ed-black); border-bottom: 2px solid var(--ed-black); display: inline-block; padding-bottom: 5px; }
.ed-pillar-title { font-size: 1.5rem; }
.ed-pillar-desc { font-size: 1.05rem; margin: 0; }

/* Value Grid */
.ed-value-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ed-border); }
.ed-value-content { padding: 60px; border-left: 1px solid var(--ed-border); }
.ed-eyebrow { font-family: var(--font-mono); font-weight: 700; font-size: .85rem; background: var(--ed-black); color: var(--ed-white); padding: 4px 8px; display: inline-block; margin-bottom: 20px; }
.ed-value-title { font-size: 2.2rem; }
.ed-value-sub { font-size: 1.1rem; font-weight: 600; margin-bottom: 30px; }
.ed-value-list { list-style: none; padding: 0; margin: 0 0 30px 0; }
.ed-value-list li { position: relative; padding: 10px 25px 10px 0; border-bottom: 1px solid var(--ed-border); font-weight: 700; }
.ed-value-list li::before { content: '■'; position: absolute; right: 0; top: 10px; font-size: .8125rem; }
.ed-value-data { padding: 60px; background: var(--ed-grey); }
.ed-simple-list { padding: 30px; font-size: 1.05rem; }
.ed-simple-list p { border-bottom: 1px solid var(--fnv-border); padding-bottom: 15px; margin-bottom: 15px; }
.ed-simple-list p:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/* CRO Form */
.ed-cro-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ed-border); background: var(--ed-white); }
.ed-cro-content { padding: 60px; border-left: 1px solid var(--ed-border); }
.ed-cro-title { font-size: 2.5rem; }
.ed-cro-desc { font-size: 1.1rem; margin-bottom: 30px; }
.ed-input-group { display: flex; border: 2px solid var(--ed-black); margin-bottom: 15px; }
.ed-input-group input { flex: 1; padding: 15px 20px; border: none; font-family: var(--font-cairo); font-size: 1rem; font-weight: 600; outline: none; background: transparent; }
.ed-btn-submit { background: var(--ed-black); color: var(--ed-white); border: none; padding: 0 30px; font-family: var(--font-cairo); font-weight: 700; font-size: 1rem; cursor: pointer; transition: 0.2s; }
.ed-btn-submit:hover { background: var(--fnv-dark-bg); }
.ed-trust { display: flex; gap: 20px; font-family: var(--font-mono); font-size: .85rem; font-weight: 700; }

/* Simple Box */
/* ⛔ **لوحٌ داكنٌ بالتصميم لا بالثيم** — وهو الوحيدُ من أحدَ عشرَ موضعاً
     يستعمل `--ed-black` خلفيّةً ثمّ يقرنه بنصٍّ **ثابتٍ للأسطح الداكنة**
     (`--fnv-on-dark-2`). فحين رُبط `--ed-black` بالرمز المنقلب (2026-08-22)
     صار اللوحُ **أبيضَ** في الوضع الداكن ونصُّه فاتحٌ ⇒ **2.64:1**.
     ⚖ وبقيّةُ العشرة تقرن المنقلبَ بالمنقلب فتنقلب معاً — وهي سليمة.
   ⚖ **فيُثبَّت هذا وحدَه** بالرمزين اللذين لا ينقلبان (‏D-0211). */
.ed-cro-visual { background: var(--fnv-dark-bg); padding: 60px; display: flex; align-items: center; justify-content: center; text-align: center; }
.ed-simple-box h3 { color: var(--fnv-dark-text); font-size: 1.8rem; line-height: 1.4; margin-bottom: 20px; }
.ed-simple-box p { color: var(--fnv-on-dark-2); font-size: 1.1rem; margin: 0; }

.feedback { font-weight: 700; margin-bottom: 15px; font-size: .95rem; }
.feedback.success { color: var(--fnv-up-deep); }
.feedback.error { color: var(--fnv-down-deep); }

/* Responsive */
@media (max-width: 992px) {
    .editorial-grid, .ed-profile-grid, .ed-pillars-grid, .ed-value-grid, .ed-cro-grid { grid-template-columns: 1fr; }
    .ed-profile-img { max-width: 300px; margin: 0 auto; }
    .ed-value-content, .ed-cro-content { border-left: none; border-bottom: 1px solid var(--ed-border); padding: 40px 20px; }
    .ed-value-data, .ed-cro-visual { padding: 40px 20px; }
    .ed-profile-content { padding: 30px 20px; }
}