/* ⚖ **الرمزُ النصّيُّ لا البنيويّ** (‏2026-08-18): `--fnv-gamma-neg` = #EA580C
     تباينُه **3.56:1** على الأبيض — دون حدّ AA (4.5). و`--fnv-gamma-neg-text`
     = #C2410C يبلغ **5.18:1**. ⛔ ولا لونَ جديدٌ يُخترَع: الرمزُ صحيحُ الدور
     موجودٌ في النظام أصلاً، والخطأُ كان استعمالَ رمزِ **بنيةٍ** نصّاً. */
/* FNV Hero Buttons */
.fv-btn {
    font-family: 'Readex Pro', sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
    padding: 8px 24px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1), color 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0; /* Institutional Silence: 8px */
}

.fv-btn--primary {
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text) !important;
    border: 2px solid var(--fnv-dark-bg);

}

.fv-btn--primary:hover {
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text) !important;
}

.fv-btn--outline {
    background: var(--fnv-surface);
    color: var(--fnv-ink) !important;
    border: 2px solid var(--fnv-dark-bg);
}

.fv-btn--outline:hover {
    background: var(--fnv-surface-2);
    color: var(--fnv-ink) !important;
}

.fnv-linkedin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none !important;
    color: var(--fnv-surface) !important;
    background-color: var(--fnv-ink) !important;
    border: 2px solid var(--fnv-ink);
    border-radius: 0;
    font-family: 'Readex Pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    width: fit-content;
}

.fnv-linkedin-btn:hover {
    background-color: var(--fnv-surface) !important;
    color: var(--fnv-ink) !important;
}

.fnv-linkedin-btn i {
    font-size: 18px;
}

/* FNV Hero Layout */
/* ---- 4. Hero Section Layout ---- */
.fv-hero {
    display: grid;
    /* ⚖ موك #9 (مركز القيادة · 2026-09-01): عمودُ التنفيذ 7/12 أعرضُ من
       عمود القرار 5/12 — المحطّةُ نجمُ الصفحة لا هامشُها. كان 55/45 معكوساً. */
    grid-template-columns: 45fr 55fr;
    /* ⚖ صفُّ ترويسةٍ يعبر النصفين، ثمّ اللوحان تحته (قرارُ المالك 2026-08-26).
       ⚖ والأسماءُ لا الأرقام: تحت `dir="rtl"` يقع العمودُ الأوّلُ يميناً،
         فـ`"content preview"` تُبقي المحتوى يميناً واللوحَ الداكنَ يساراً كما كان. */
    /* ⚖ SUPERSEDES صفَّ الترويسة العابر (2026-08-26): موك #8 يعيد العنوانَ
       إلى عموده والطرفيّةَ إلى المقابل — فصفٌّ واحد. */
    grid-template-areas:
        "content preview";
    min-height: calc(100vh - 120px);
}

/* قواعدُ `.fv-hero__head` أُزيلت مع كتلتها (موك #8). */

/* Text Content (Right Side) — Paper grid texture */
.fv-hero__content {
    /* ⚖ `grid-area` هنا لا في كتلةٍ ثانية — محدّدٌ واحدٌ لكلّ عنصر. */
    grid-area: content;
    padding: 40px 64px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: var(--fnv-surface);
}
/* ══ ملمسُ البطل — مربّعاتٌ صغيرةٌ على أبيض (قرارُ المالك 2026-08-26) ═══════
   ⚖ **ثلاثُ محاولاتٍ حتّى استقرّ**، وكلُّ تصحيحٍ منها مقيس:
     ① شبكةٌ 32px بحبر 0.028 × تعتيم 0.55 ⇒ **1.54٪ فعّالاً** · تباين **1.035**.
     ② مسطرةٌ أفقيّةٌ بحبر 0.08 × تعتيم 0.62 ⇒ **4.96٪** · تباين **1.119** —
        وأعلنتُها «ثلاثةَ أضعاف» وهي **لا تُرى**. ⛔ والنسبةُ ليست أثراً.
     ③ **المعتمَد**: مربّعاتٌ **متوسّطة 28px** (‏قرارُ المالك 2026-08-26 · كانت
        16px «صغيرة») بحبر **12٪** وتعتيمٍ **1** ⇒ `#e0e0e0` بتباين **1.320**
        — تُرى شبكةً ولا تُقرأ زخرفة.
   ⚖ **والخلفيّةُ بيضاءُ صريحة**: نُزع ضجيجُ الورق (‏`feTurbulence`) لأنّه يُكدّر
     البياض — والمطلوبُ أبيضُ نظيفٌ تحت الشبكة. ⇒ طلبُ شبكةٍ أقلُّ بواحد كذلك.
   ⚖ **واللونُ من رمزٍ لا خامّ**: `color-mix` على `--fnv-ink` ⇒ ينقلب مع السمة
     تلقائيّاً (‏شبكةٌ فاتحةٌ على الداكن) بلا نسخةٍ ثانية.
   ⛔ **والنصفُ الأوّلُ وحدَه** — لا يشمل الشقَّ الأيسر (قرارُ المالك). */
/* ⛔ **شبكةُ الدفتر أُزيلت 2026-09-04** (طلبُ المالك): خطوطٌ كلَّ 28 بكسلاً
     خلفَ عمودٍ نصّيٍّ طويل تُنتج ضجيجاً يزاحم الطباعةَ ولا يُضيف معنىً. والسويسريّةُ
     تفصل بالفراغ والحدّ الحادّ لا بنقشٍ خلفيّ. ⇒ الخلفيّةُ بيضاءُ صريحة. */
.fv-hero__content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--fnv-surface);
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}
/* الشقّ الأيسر — ⛔ بلا ملمسٍ (قرارُ المالك: النصفُ الأوّلُ وحدَه). */
/* المربّعُ الأكسنتيُّ خلف زاوية الطرفيّة (موك #8) — كتلةٌ صلبةٌ لا زخرفُ ظلّ.
   ⚖ position:relative على القاعدة القائمة أدناه (سطر ~184) لا هنا — محدّدٌ واحد. */
.fv-hero__proof::before {
    content: '';
    position: absolute;
    top: -14px;
    inset-inline-end: -6px;
    width: 76px;
    height: 76px;
    background: var(--fnv-gamma-neg);
    border: 3px solid var(--fnv-ink);
}

.fv-hero__preview { position: relative; grid-area: preview; }
.fv-hero__preview::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n2)' opacity='0.5'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    opacity: .4;
    pointer-events: none;
    z-index: 0;
}
/* ⛔ **ولا مسطرةَ في الشقّ الأيسر — قرارُ المالك 2026-08-26.**
   كنتُ مددتُها إليه بحجّة «لوحان بمادّةٍ واحدة يبدوان صفحةً واحدة»، والمطلوبُ
   عكسُه: الملمسُ **للنصف الأوّل وحدَه**. والشقُّ الأيسرُ يبقى على ضجيجه دون
   تسطير — فيبقى الفرقُ بين اللوحين قائماً كما هو مقصود. */
.fv-hero__preview > * { position: relative; z-index: 1; }

/* البرهان الحيّ داخل البطل: يرث عرض العمود ولا يفرض 680px الخاصّة به. */
.fv-live__tag b{font-family:'Readex Pro', sans-serif;font-weight:700;margin-inline-start:5px;}
/* شريطُ الإثبات: أحداثٌ لا زينة — بلا استدارة ولا ظلّ (ميثاق §4)
   ⛔ **الحاويةُ `.fv-live` خلفيّتُها بيضاء**: كتبتُ النصَّ أبيضَ أوّلاً على افتراضِ
     بطلٍ داكن، فصار غيرَ مرئيّ (1.00:1) ونشرتُه. رصده `contrast-lint` لا العين.
     ⇒ ألوانُ النصّ هنا **داكنةٌ صراحةً** ولا تعتمد على تخمينِ خلفيّةِ الأب. */
.fv-proof{border-top:1px solid var(--fnv-grid);margin:0 14px;padding:10px 0 12px;}
.fv-proof__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
              font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
              color:var(--fnv-ink-3);margin-bottom:7px;}
.fv-proof__ts{font-family:'Readex Pro', sans-serif;letter-spacing:0;color:var(--fnv-ink-2);}
.fv-proof__r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;padding:5px 0;
             border-top:1px solid var(--fnv-grid);}
.fv-proof__r:first-of-type{border-top:0;}
.fv-proof__k{font-size:.8125rem;font-weight:700;color:var(--fnv-ink-2);}
.fv-proof__r b{font-family:'Readex Pro', sans-serif;font-size:.8125rem;color:var(--fnv-ink);}
.fv-proof__v{font-family:'Readex Pro',sans-serif;font-size:.8125rem;font-weight:700;color:var(--fnv-ink);}
.fv-proof__n{font-size:.8125rem;color:var(--fnv-ink-2);flex-basis:100%;line-height:1.65;}
.fv-live__dot{display:inline-block;width:6px;height:6px;background:currentColor;
    margin-inline-end:5px;vertical-align:middle;animation:fvLivePulse 2.4s ease-in-out infinite;}
@keyframes fvLivePulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion: reduce){ .fv-live__dot{animation:none;} }
.fv-hero__proof { margin: 18px 0 20px; position: relative; }
.fv-hero__proof .fnv-proof { padding: 0; }
.fv-hero__proof .fnv-proof__box { max-width: 100%; }
/* ══ عرضُ كتلة البطل — رصدَه المالك 2026-08-26 ═══════════════════════════
   ⛔ **المقيسُ على 1920 بكسل**: العمودُ الأيمن **1,052 بكسلاً** والكتلةُ مسقوفةٌ
     عند **680** ⇒ **372 بكسلاً بيضاءَ** (‏174 يساراً و198 يميناً) = **35٪ من
     العمود** فراغٌ حول العنوان. فيُقرأ العنوانُ منزاحاً لا وسطَ البانر.
   ⚖ **والسقفُ يتبع العمودَ لا رقماً ثابتاً**: `min()` تُبقي الضيّقَ كما هو
     حرفيّاً — عند 1377 بكسلاً العمودُ 649 فالسقفُ **لا يعمل أصلاً**. ⇒ التغييرُ
     يمسّ الشاشاتِ العريضةَ التي فيها الفراغ، وصفرَ أثرٍ على ما دونها.
   ⚖ **والنثرُ يبقى على مقاسٍ مقروء** أدناه: عرضٌ يتّسع للعنوان يُطيل سطرَ
     الفقرة فوق حدّ القراءة العربيّة (‏ميثاق §4ج). فالعنوانُ يتّسع والفقرةُ لا. */
.fv-hero__content-inner {
    position: relative;
    z-index: 1;
    max-width: min(920px, 100%);
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* ⚖ ما كان مقاسُه مقصوداً يبقى عليه: البطاقةُ ونداءُ الفعل والكتلةُ الحيّة. */
.fv-hero__proof, .fv-hero-cta, .fv-live { max-width: 680px; margin-inline: auto; }
.fv-quote {
    transition: opacity 0.5s ease;
}
.fv-quote.fade-out {
    opacity: 0;
}

.fv-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--fnv-dark-bg);
    color: var(--fnv-ink);
    padding: 5px 12px;
    border-radius: 0;
    font-size: .8125rem;
    font-weight: 700;
    background: var(--fnv-surface-2);
    align-self: center;
    font-family:'Readex Pro', sans-serif;
    letter-spacing: 0.06em;
}

.fv-h1 {
    /* ⚖ يتوسّط النصفَ الأيمن (طلب المالك 2026-09-03) — وبنيةُ SEO كما هي: h1 واحد بجزأيه. */
    text-align: center;
    font-size: clamp(26px, 2.8vw, 42px);
    font-weight: 800;
    line-height: 1.15;
    color: var(--fnv-ink);
    letter-spacing: -0.02em;
    margin-top: 12px;
    margin-bottom: 10px;
}

.fv-h1 span {
    display: block;
}

/* Editorial two-weight headline */
.fv-h1-heavy { font-family: var(--fnv-font-editorial);
    font-weight: 800;
    color: var(--fnv-ink);
    font-size: clamp(32px, 4vw, 56px);
    letter-spacing: normal;
    line-height: 1.1;
    font-family: 'Readex Pro', sans-serif;
}

/* ══ سطرُ الأكسنت في العنوان + شارةُ البثّ + الفقرةُ الممهّدة + سطرُ البرهان
   (موك المالك #8 · 2026-09-01) — قاعدتا `fv-h1-light/sub` القديمتان أُزيلتا:
   نصّاهما صارا فقرتين مستقلّتين (`fv-deck--lead` · `fv-proofline`). ══ */
.fv-h1-accent {
    display: block;
    font-weight: 800;
    color: var(--fnv-gamma-neg-text);
    font-size: clamp(28px, 3.4vw, 48px);
    line-height: 1.25;
    margin-top: 6px;
}

.fv-hero__flag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text);
    border: 2px solid var(--fnv-ink);
    padding: 4px 12px;
    font-size: .8125rem;
    font-weight: 800;
    margin-bottom: 14px;
}
.fv-hero__flagdot {
    width: 8px;
    height: 8px;
    background: var(--fnv-up-on-dark);
    animation: fvFlagBlink 1.5s step-end infinite;
}
@keyframes fvFlagBlink { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .fv-hero__flagdot { animation: none; } }

.fv-deck--lead {
    margin-inline: auto;   /* كتلةٌ متوسّطة (2026-09-03) — وحدُّها الجانبيُّ من الموك يبقى */
    max-width: var(--fnv-measure-wide);
    border-inline-start: 4px solid var(--fnv-ink);
    padding-inline-start: 14px;
    font-size: clamp(14px, 1.15vw, 17px);
    line-height: 1.8;
    color: var(--fnv-ink-2);
    font-weight: 500;
    margin-bottom: 8px;
}

.fv-proofline {
    max-width: var(--fnv-measure-wide);
    font-size: .8125rem;
    font-weight: 600;
    color: var(--fnv-ink-3);
    line-height: 1.6;
    margin: 14px 0 0;
}

.fv-stats {
    display: flex;
    border-top: 0.5px solid var(--fnv-n-150);
    border-bottom: 0.5px solid var(--fnv-n-150);
    padding: 14px 0;
}

.fv-stats__item {
    flex: 1;
    text-align: center;
    border-left: 0.5px solid var(--fnv-n-150);
}

.fv-stats__item:last-child {
    border-left: none;
}

.fv-stats__num {
    display: block;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 900;
    color: var(--fnv-ink);
    line-height: 1.2;
}

.fv-stats__lbl {
    font-size: .85rem;
    color: var(--fnv-ink-3);
    font-weight: 800;
}

.fv-deck {
    /* ⚖ نثرٌ ⇒ مقاسُ قراءةٍ لا عرضُ الحاوية (‏§4ج). */
    max-width: var(--fnv-measure-wide);
    margin-inline: auto;
    font-size: clamp(13px, 1.05vw, 15px);
    color: var(--fnv-ink-muted);
    line-height: 1.7;
    margin-bottom: 16px;
    font-weight: 500;
}

/* ══ ★ تعليقاتُ الأعضاء — ثلاثةٌ معاً بتحكّمٍ صريح ══
   ⛔ **كان اقتباساً واحداً يدور كلَّ 15 ثانيةً من ثمانية** — أي أنّ مَن لا ينتظر
     دقيقتين يرى **12٪** من الأصوات. والعرضُ يُصلح ذلك، لا تسريعُ الدوران.
   ⚖ **والحدُّ المنطقيُّ ثلاثة**: أكثرُ منها يزاحم البانرَ، وأقلُّ يُعيد المشكلة. */
.fv-quotes{margin:0 auto 28px;max-width:1040px;}
.fv-quotes__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-bottom:10px;flex-wrap:wrap;}
.fv-quotes__h{font-family:var(--fnv-font-body,'Readex Pro');font-size:.8125rem;
    font-weight:800;color:var(--fnv-ink-3);}
/* ⚖ زرٌّ حقيقيٌّ بهدفِ لمسٍ كامل — التحكّمُ شرطُ المعيار لا زينة. */
.fv-quotes__btn{min-height:32px;padding:5px 12px;border:1px solid var(--fnv-border);
    background:var(--fnv-surface);color:var(--fnv-ink-2);cursor:pointer;
    font-family:var(--fnv-font-body,'Readex Pro');font-size:.8125rem;font-weight:700;}
.fv-quotes__btn:hover,.fv-quotes__btn:focus-visible{border-color:var(--fnv-ink);color:var(--fnv-ink);}
/* ⛔ **وثلاثةُ أعمدةٍ ثابتةٍ أعطت 187 بكسلاً للبطاقة** (قِيس على الحيّ) — نحوَ
     عشرين محرفاً عربيّاً في السطر، وهو دون حدّ القراءة المريحة.
   ⚖ **فالعددُ يتبع المساحةَ لا العكس**: `auto-fit` بحدٍّ أدنى 240 يُنزل الشبكةَ
     إلى عمودين أو واحدٍ حين يضيق الحيّز — فيبقى السطرُ مقروءاً دائماً. */
.fv-quotes__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

.fv-quote {
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem;
    margin: 0;
    text-align: right;
    font-weight: 700;
    font-style: italic;
    color: var(--fnv-ink);
    line-height: 1.7;
    position: relative;
    padding-right: 14px;
    border-right: 2px solid var(--fnv-ink);
    min-width: 0;
}

.fv-quote span {
    display: block;
    font-size: .8125rem;
    color: var(--fnv-ink-3);
    font-style: normal;
    font-weight: 700;
    margin-top: 8px;
}

.fv-ctas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
    width: 100%;
}

.fv-ctas .fv-btn {
    padding: 16px 32px;
    font-size: clamp(14px, 1vw, 16px);
}

.fv-crypto-acc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
    padding: 10px 20px;
    /* لوحٌ شبهُ أبيضَ يتبع السمة — كان حرفيّاً فبقي فاتحاً والنصُّ يقلب فوقه (2.49:1). */
    background: var(--fnv-surface-2);
    border: 1px solid var(--fnv-border);
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}
.fv-crypto-text {
    font-size: .8125rem;
    color: var(--fnv-ink-muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 7px;
    border-left: 1px solid var(--fnv-border);
    padding-left: 14px;
    letter-spacing: 0.1px;
}
.fv-crypto-text i {
    color: var(--fnv-ink-muted);
    font-size: 16px;
}
.fv-crypto-icons {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fv-crypto-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    
    background: var(--fnv-surface);
    border: 1px solid var(--fnv-border);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    position: relative;
    z-index: 1;
}
.fv-crypto-icon::before {
    content: '';
    position: absolute;
    inset: -2px;
    
    background: linear-gradient(135deg, var(--fnv-tint-pos), var(--fnv-tint-pos));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease;
    filter: blur(8px);
}
.fv-crypto-icon svg {
    width: 24px;
    height: 24px;
    transition: background-color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: #4b5563; /* Make SVG inherit color nicely */
}
.fv-crypto-icon:hover {
    transform: translateY(-8px) scale(1.05);
    background: var(--fnv-surface);
    box-shadow: none
        inset 0 2px 4px rgba(255, 255, 255, 1);
    border-color: var(--fnv-surface);
    z-index: 20;
}
.fv-crypto-icon:hover::before {
    opacity: 0.6;
}
.fv-crypto-icon:hover svg {
    transform: scale(1.15) rotate(5deg);
    color: var(--fnv-up);
}
@media (max-width: 576px) {
    .fv-crypto-acc {
        flex-direction: column;
        padding: 20px;
        gap: 16px;
        box-shadow: none;
    }
    .fv-crypto-text {
        border-left: none;
        padding-left: 0;
        border-bottom: 1px solid var(--fnv-border);
        padding-bottom: 16px;
        font-size: 1rem;
    }
}


/* Left Column (Card Preview Area) — Beige original */
/* ══ الشقّ الأيمن: خريطة الركائز ══
   §4 صارم: أبيض/أسود ورماديّ الحدود فقط. الرقم الكبير (01–04) هو العنصر
   البصريّ الوحيد — يقود العين رأسيّاً بلا أيقونةٍ ولا لون. */
/* ══ «ما بداخل المنصّة» — شريطُ حالةٍ وبطاقاتٌ تحريريّةٌ منفصلة (موك #10) ══ */
.fv-pil { background:transparent; border:0; }
.fv-pil__hd {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px;
    padding:15px 18px; background:var(--fnv-dark-bg); color:var(--fnv-dark-text);
    border:3px solid var(--fnv-ink);
}
.fv-pil__hd-t { margin:0; font-family:var(--fnv-font-body); font-size:clamp(1.05rem,1.4vw,1.3rem);
    font-weight:800; letter-spacing:normal; color:var(--fnv-dark-text); }
.fv-pil__hd-tools { display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }
/* رقاقةُ النظام السالب: بيضاءُ بنصٍّ داكنٍ — أدوارٌ ثابتةٌ فوق الشريط الداكن */
.fv-pil__hd-n {
    display:inline-flex; align-items:center; gap:8px; padding:7px 12px;
    background:var(--fnv-dark-text); color:var(--fnv-dark-bg);
    font-family:var(--fnv-font-body); font-size:.8125rem; font-weight:800;
}
.fv-pil__cd {
    display:inline-flex; align-items:baseline; gap:7px; flex-wrap:wrap; padding:6px 12px;
    border:2px solid var(--fnv-on-dark-2);
    font-family:var(--fnv-font-body); font-size:.8125rem; font-weight:700; color:var(--fnv-on-dark-2);
}
.fv-pil__cd-v { font-family:var(--fnv-font-mono); font-size:.9rem; font-weight:800;
    color:var(--fnv-dark-text); unicode-bidi:isolate; }
.fv-pil__cd-z { opacity:.85; font-family:var(--fnv-font-mono); }

.fv-pil__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:22px; }
@media (max-width:1199.98px){ .fv-pil__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:639.98px){ .fv-pil__grid{ grid-template-columns:1fr; } }

/* البطاقة: حدٌّ سميكٌ وكتلةٌ صلبةٌ خلفها (لا ظلّ §4أ) وسطوحٌ متناوبة */
.fv-pil__c {
    position:relative; display:flex; flex-direction:column;
    padding:20px 18px 16px; background:var(--fnv-surface);
    border:3px solid var(--fnv-ink); text-decoration:none;
}
.fv-pil__c:nth-child(even){ background:var(--fnv-surface-2); }
.fv-pil__c::after { content:''; position:absolute; inset:8px -8px -8px 8px;
    background:var(--fnv-ink); z-index:-1; }
/* البنودُ روابطُ صفحاتها — والذيلُ زرُّ القسم (البطاقةُ لم تعُد <a>) */
.fv-pil__li--a { text-decoration:none; display:block; padding-block:8px; margin-block:-4px; }
/* الحشوةُ الرأسيّةُ ترفع هدفَ اللمس 21⇒37px (فحص الهاتف 2026-09-02)
   والهامشُ السالبُ يحفظ إيقاعَ القائمة البصريَّ كما هو */
.fv-pil__li--a:hover { color:var(--fnv-ink); text-decoration:underline; text-underline-offset:3px; }
.fv-pil__li--a:focus-visible,
.fv-pil__n:focus-visible { outline:2px solid var(--fnv-gamma-neg); outline-offset:2px; }
.fv-pil__n:hover .fv-pil__go { color:var(--fnv-gamma-neg-text); }
.fv-pil__no { font-family:var(--fnv-font-mono); font-size:2.9rem; font-weight:800; line-height:1;
    color:var(--fnv-border); letter-spacing:-.02em; }
.fv-pil__c:hover .fv-pil__no { color:var(--fnv-ink); }
.fv-pil__t { display:block; margin:12px 0 0; font-family:var(--fnv-font-body);
    font-size:1.12rem; font-weight:800; color:var(--fnv-ink); line-height:1.5; }
.fv-pil__s { display:block; margin-top:4px; font-family:var(--fnv-font-body);
    font-size:.875rem; font-weight:500; color:var(--fnv-ink-muted); line-height:1.7; }
.fv-pil__x { display:flex; flex-direction:column; gap:8px; margin:14px 0 16px;
    padding-inline-start:12px; border-inline-start:2px solid var(--fnv-grid); }
.fv-pil__li { position:relative; padding-inline-start:15px; font-family:var(--fnv-font-body);
    font-size:.8125rem; font-weight:700; color:var(--fnv-ink-2); line-height:1.6; }
.fv-pil__li::before { content:''; position:absolute; inset-inline-start:0; top:.5em;
    width:6px; height:6px; background:var(--fnv-ink); }
.fv-pil__n {
    display:flex; align-items:center; justify-content:flex-end; gap:8px;
    margin-top:auto; padding-top:12px; border-top:2px solid var(--fnv-ink);
    font-family:'Readex Pro',sans-serif; font-size:.8125rem; font-weight:800;
    color:var(--fnv-ink); unicode-bidi:isolate; text-decoration:none;
}
.fv-pil__go { font-size:1rem; color:var(--fnv-ink-3); }
.fv-pil__c:hover .fv-pil__go { color:var(--fnv-gamma-neg-text); }
@media (prefers-reduced-motion: no-preference) {
    .fv-pil__c { transition:transform .18s ease; }
    .fv-pil__no, .fv-pil__go { transition:color .18s ease; }
    .fv-pil__c:hover { transform:translateY(-4px); }
}

/* ══ زرّا البطل ══ */
.fv-hero-cta { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 16px; }
.fv-hcta {
    flex:1 1 auto; text-align:center; padding:13px 20px;
    font-family:var(--fnv-font-body); font-size:.92rem; font-weight:800;
    border:2px solid var(--fnv-ink); text-decoration:none; transition:background .14s,color .14s;
    /* ⚖ أثرُ «الظلّ التحريريّ» في موك #8 بكتلةٍ صلبةٍ لا box-shadow (§4أ) —
       وصفةُ بطاقة المحطّة نفسُها. الزرُّ بلا سياقِ تراصٍّ خاصّ، والحاويةُ
       المتحوِّلةُ (‏anime) أرضيّةُ الزائف السالب. */
    position: relative;
}
.fv-hcta::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translate(-4px, 4px);
    background: var(--fnv-ink);
    z-index: -1;
}
@media (prefers-reduced-motion: no-preference) {
    .fv-hcta { transition: background .14s, color .14s, transform .14s; }
    .fv-hcta::after { transition: transform .14s; }
    /* الضغطةُ: الزرُّ ينزل على كتلته والكتلةُ تثبت في مكانها بصريّاً */
    .fv-hcta:hover { transform: translate(-4px, 4px); }
    .fv-hcta:hover::after { transform: translate(4px, -4px); }
}
.fv-hcta--solid { background:var(--fnv-ink); color:var(--fnv-surface) !important; }
.fv-hcta--solid:hover { background:var(--fnv-surface); color:var(--fnv-ink) !important; }
.fv-hcta:focus-visible { outline:2px solid var(--fnv-ink); outline-offset:2px; }

@media (max-width:767px) {
    .fv-hcta    { flex:1 1 100%; }
}

.fv-hero__preview {
    background: var(--fnv-surface-2);
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    border-right: 0.5px solid var(--fnv-border);
    position: relative;
    overflow: hidden;
}

/* ── اللوحُ الورقيّ في السمة الداكنة ──
   قِيس حيّاً (2026-08-06): **محتوى** اللوح كان يقلب مع السمة (خلاياه `#141414`
   ونصُّه أبيض) بينما بقي **الإطارُ** كريميّاً `#eae8e1` — فظهر شريطُ حشوٍ متوهّجٌ
   حول جدولٍ داكن. لم يلتقطه فاحصُ التباين لأنّ اللوحَ لا نصَّ مباشراً له،
   ولا فاحصُ الرموز لأنّ `#eae8e1` ليس في جدول الرموز أصلاً — عطبٌ بين الحارسَين.
   ⚖ ويبقى **انقسامُ البطل** قائماً: يسارٌ `#141414` مقابل يمينٍ `var(--fnv-dark-bg)` — أفتحُ
     بدرجةٍ لا بلونٍ، فالبنيةُ تُحفظ والهويّةُ لا تُكسر.
   ⛔ والحبيبةُ تُخفَّف لا تُلغى: `.4` على الداكن ضجيجٌ يبتلع النصّ (نفس علّة
     `body::before` التي أُطفئت في الداكن). */
:root[data-theme="dark"] .fv-hero__preview {
    background: var(--fnv-surface-2);
    border-right-color: var(--fnv-border);
}
:root[data-theme="dark"] .fv-hero__preview::before { opacity: .12; }

.fv-preview-header {
    width: 100%;
    max-width: 380px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: .8125rem;
    /* اللوح هنا #eae8e1 لا أبيض — #888 عليه 2.89:1. الاتّجاه يتغيّر بتغيّر اللوح. */
    color: var(--fnv-ink-muted);
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family:'Readex Pro', sans-serif;
    position: relative;
    z-index: 1;
}

.fv-report-card {
    background: var(--fnv-surface);
    border: 2px solid var(--fnv-dark-bg);
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.fv-card__top {
    background: var(--fnv-ink-3);
    color: var(--fnv-surface);
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    font-size: .8125rem;
    font-weight: 800;
}

.fv-card__title {
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text);
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fv-card__title h3 {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    /* `color:#fff` على الأب لا يكفي: القاعدة العامّة `h1..h6{color:var(--fnv-ink)!important}`
       تفرض الأسود على العنوان، ووراثةُ الأب لا تُقاوم `!important`. النتيجة كانت
       «بوصلة السوق» **سوداء على var(--fnv-dark-bg)** (1.06:1 — عنوان البطاقة الأولى في الهيرو).
       الشبكة العامّة في finviro-base.css تلتقط الآباء بـ`[style*=background:var(--fnv-dark-bg)]`
       أي **الأنماط السطريّة فقط** — وهذا الأب يلوّن نفسه بصنف، فأفلت منها (bug-264). */
    color: var(--fnv-dark-text) !important;
}

.fv-card__date {
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    color: var(--fnv-ink-3);
    font-weight: 700;
}

.fv-mkt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 0.5px solid var(--fnv-n-150);
}

.fv-mkt__item {
    text-align: center;
    padding: 16px 8px;
    border-left: 0.5px solid var(--fnv-n-150);
}

.fv-mkt__item:last-child { border-left: none; }

.fv-mkt__sym {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--fnv-ink-3);
    margin-bottom: 4px;
}

.fv-mkt__val {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--fnv-ink);
    margin-bottom: 4px;
}

.fv-mkt__chg {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
}

/* Gate / Paywall Section */
.fv-card__gate {
    padding: 28px 24px;
    text-align: center;
    background: var(--fnv-surface);
    position: relative;
    border-bottom: 0.5px solid var(--fnv-n-150);
}

/* نظرة حقيقية داخل التقرير — يبدأ واضحاً ثم يتلاشى ويُضبَّب نحو القفل */
.fv-gate-peek {
    position: relative;
    margin-bottom: 18px;
    text-align: right;
}
.fv-gate-peek__tag {
    display: inline-block;
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem; font-weight: 800; letter-spacing: .5px;
    color: var(--fnv-ink); background: var(--fnv-grid); padding: 2px 9px; margin-bottom: 8px;
}
.fv-gate-peek__text {
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem; line-height: 1.95; color: var(--fnv-acad-line); margin: 0;
    max-height: 76px; overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 26%, rgba(0,0,0,.35) 70%, rgba(0,0,0,0) 100%);
            mask-image: linear-gradient(to bottom, #000 0%, #000 26%, rgba(0,0,0,.35) 70%, rgba(0,0,0,0) 100%);
}
.fv-gate-peek__text::first-line { color: var(--fnv-ink); font-weight: 600; }

/* Blurred lines mimicking hidden content (fallback when no report excerpt) */
.fv-gate-blur-lines {
    margin-bottom: 20px;
    position: relative;
}
.fv-gate-blur-lines::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,1) 100%);
}
.fv-blur-line {
    height: 9px;
    border-radius: 0;
    background: var(--fnv-surface-2);
    margin-bottom: 8px;
}
.fv-blur-line.w-full { width: 100%; }
.fv-blur-line.w-85   { width: 85%; }
.fv-blur-line.w-70   { width: 70%; margin: 0 auto 8px; }
.fv-blur-line.w-90   { width: 90%; }

/* Premium badge */
.fv-gate-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text);
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 0;
    margin-bottom: 14px;
}

/* Rotating headlines inside card */
.fv-gate-rotator {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.fv-gate-headline {
    font-size: clamp(15px, 1.3vw, 18px);
    font-weight: 900;
    color: var(--fnv-ink);
    line-height: 1.35;
    transition: opacity 0.4s ease, transform 0.4s ease;
    text-align: center;
}
.fv-gate-headline.fading {
    opacity: 0;
    transform: translateY(6px);
}

/* Proof row */
.fv-gate-proof {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 18px;
    font-size: .8125rem;
    color: var(--fnv-ink-3);
    font-weight: 700;
}
.fv-gate-proof-item {
    display: flex;
    align-items: center;
    gap: 4px;
}
.fv-gate-proof-item i { color: var(--fnv-ink); font-size: .8125rem; }
.fv-mkt__chg.is-up      { color: var(--fnv-ink); font-weight: 900; }
.fv-mkt__chg.is-dn      { color: var(--fnv-ink-muted); }
.fv-mkt__chg.is-neutral { color: var(--fnv-ink-3); }

/* ═══════════════════════════════════════════════════
   RADAR GAUGE — Horizontal Instrument Line
═══════════════════════════════════════════════════ */
.fv-radar-wrap {
    padding: 12px 16px 10px;
    background: var(--fnv-surface);
    border-bottom: 0.5px solid var(--fnv-n-150);
}
/* Header row: label left, score right */
.fv-radar-h__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.fv-radar-h__ttl {
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    color: var(--fnv-ink-3);
}
.fv-radar-h__score {
    font-family:'Readex Pro', sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.3px;
}
/* Bar track */
.fv-radar-h__bar-outer {
    position: relative;
    height: 20px;
    margin-bottom: 5px;
}
.fv-radar-h__bar {
    position: absolute;
    top: 4px; left: 0; right: 0;
    height: 12px;
    border-radius: 0;
    /* Colored zones: left=bull(green), center=neutral(gray), right=bear(red) */
    background: linear-gradient(to right,
        #0d7a4e 0%, #16a974 35%,
        #9ca3af 35%, #9ca3af 65%,
        #dc2626 65%, var(--fnv-down) 100%
    );
}
/* Marker: vertical bar at score position */
.fv-radar-h__marker {
    position: absolute;
    top: 0;
    width: 3px;
    height: 20px;
    border-radius: 0;
    transform: translateX(-50%);
    z-index: 3;
    background: var(--fnv-surface) !important;
    box-shadow: none;
    border: 2px solid rgba(0,0,0,0.2);
}
/* Zone labels aligned under their respective zones */
.fv-radar-h__zone-lbls {
    display: flex;
    direction: ltr;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}
.fv-radar-h__zone-lbls .z-bull { flex: 35; color: var(--fnv-up); text-align: left;   font-weight: 900; }
.fv-radar-h__zone-lbls .z-neu  { flex: 30; color: var(--fnv-ink-muted); text-align: center; }
.fv-radar-h__zone-lbls .z-bear { flex: 35; color: var(--fnv-down); text-align: right;  font-weight: 900; }
/* Factor chips */
.fv-radar-factors {
    display: flex;
    gap: 4px;
    justify-content: stretch;
    flex-wrap: nowrap;
}
.fv-radar-factor {
    flex: 1;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    padding: 4px 5px;
    border-radius: 0;
    border: 2px solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.fv-radar-factor__sym { font-size: .8125rem; font-weight: 900; letter-spacing: 0.5px; }
.fv-radar-factor__val { font-size: .8125rem;   font-weight: 700; direction: ltr; unicode-bidi: isolate; }
.fv-radar-factor__ctx { font-size: .8125rem; font-weight: 700; opacity: 0.75; margin-top: 1px; font-family: 'Readex Pro',sans-serif; }
.fv-radar-factor.bull { color: var(--fnv-up); border-color: var(--fnv-up); background: var(--fnv-surface-2); font-weight: 900; }
.fv-radar-factor.bear { color: var(--fnv-down); border-color: var(--fnv-down); background: var(--fnv-chip-neg); }
.fv-radar-factor.neu  { color: var(--fnv-ink-muted); border-color: var(--fnv-border); background: var(--fnv-surface-2); }

/* أهمّ بيانات الأسبوع — شريط أفقي مدمج (احترافي، لا يزاحم الـCRO) */
.fv-weekkey { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border: 1px solid var(--fnv-border); border-right: 4px solid var(--fnv-gamma-neg); background: var(--fnv-surface-2); padding: 6px 12px; margin: 12px 0; }
.fv-weekkey__lbl { display: inline-flex; align-items: center; gap: 6px; font-family: 'Readex Pro',sans-serif; font-weight: 800; font-size: .8125rem; color: var(--fnv-gamma-neg-text); white-space: nowrap; flex-shrink: 0; }
.fv-weekkey__pulse { width: 7px; height: 7px; border-radius:0; /* ⛔ كانت 50% — §4أ (2026-09-05) */ background: var(--fnv-ink); flex-shrink: 0; animation: fvWkPulse 1.6s ease-in-out infinite; }
@keyframes fvWkPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.8); } }
.fv-weekkey__chips { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.fv-weekkey__chip { font-family: 'Readex Pro',sans-serif; font-size: .8125rem; font-weight: 600; color: var(--fnv-ink); background: var(--fnv-surface); border: 1px solid var(--fnv-border); padding: 3px 9px; white-space: nowrap; }
.fv-weekkey__chip b { font-family:'Readex Pro', sans-serif; font-weight: 800; color: var(--fnv-ink-3); margin-inline-end: 5px; unicode-bidi: isolate; }
.fv-weekkey__chip.is-soon { border-color: var(--fnv-down); background: var(--fnv-chip-warn); color: var(--fnv-down); }
.fv-weekkey__chip.is-soon b { color: var(--fnv-gamma-neg-text); }

/* ECO TICKER removed */
.fv-eco-ticker { display: none !important; }
/* ═══════════════════════════════════════════════════
   HV / SD CALCULATOR (previously after ticker)
═══════════════════════════════════════════════════ */
.fv-eco-ticker__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 14px 4px;
    border-bottom: 0.5px solid var(--fnv-grid);
}
.fv-eco-ticker__label {
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    color: var(--fnv-ink-3);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.fv-eco-ticker__controls {
    display: flex;
    gap: 4px;
    align-items: center;
}
.fv-ticker-btn {
    width: 22px; height: 22px;
    /* ⚖ **رقعةُ لمسٍ 44** بحجمٍ بصريٍّ 22 (نمطُ `.fnv-disc__b`): الحدُّ
         يُبلَغ بلا أن ينتفخ الزرُّ في شريطٍ ضيّق. */
    padding: 11px; margin: -11px; box-sizing: content-box;
    border: 2px solid var(--fnv-border);
    border-radius: 0;
    background: var(--fnv-surface);
    color: var(--fnv-ink-3);
    font-size: .8125rem;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.15s;
}
.fv-ticker-btn:hover { background: var(--fnv-dark-bg); color: var(--fnv-dark-text); border-color: var(--fnv-ink); }
.fv-ticker-btn.active { background: var(--fnv-dark-bg); color: var(--fnv-dark-text); border-color: var(--fnv-ink); }
.fv-ticker-track-wrap {
    overflow: hidden;
    padding: 10px 0;
    cursor: grab;
}
.fv-ticker-track-wrap:active { cursor: grabbing; }
.fv-ticker-track {
    display: flex;
    gap: 0;
    width: max-content;
    will-change: transform;
    /* animation driven by JS marquee — no CSS keyframes */
}
.fv-ticker-track.paused { /* pause handled in JS */ }
.fv-ticker-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-left: 1px solid var(--fnv-grid);
    min-width: 80px;
    gap: 2px;
    box-sizing: border-box;
}
.fv-ticker-item:last-child { border-left: none; }
.fv-ticker-item__sym {
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--fnv-ink-3);
    letter-spacing: 0.5px;
}
.fv-ticker-item__val {
    font-family:'Readex Pro', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: var(--fnv-ink);
    line-height: 1;
}
.fv-ticker-item__sub {
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 700;
}
.fv-ticker-item__sub.up  { color: var(--fnv-up); }
.fv-ticker-item__sub.dn  { color: var(--fnv-down); }
.fv-ticker-item__sub.neu { color: var(--fnv-ink-3); }
.fv-ticker-item.eco .fv-ticker-item__sym::before {
    content: '📅 ';
    font-size: .8125rem;
}
/* Pagination dots */
.fv-ticker-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 5px 0 6px;
}
.fv-ticker-dot {
    width: 4px; height: 4px;
    border-radius: 0;
    background: var(--fnv-border);
    cursor: pointer;
    transition: background 0.2s, width 0.2s;
}
.fv-ticker-dot.active { background: var(--fnv-dark-bg); width: 12px; border-radius: 0; }

/* ═══════════════════════════════════════════════════
   HV / SD CALCULATOR
═══════════════════════════════════════════════════ */
.fv-hv-calc {
    border-bottom: 0.5px solid var(--fnv-n-150);
    background: var(--fnv-surface);
    padding: 10px 14px 8px;
}
.fv-hv-calc__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.fv-hv-calc__title {
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    color: var(--fnv-ink-3);
}
.fv-hv-calc__vix {
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--fnv-ink-muted);
}
.fv-hv-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    border: 2px solid var(--fnv-grid);
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.fv-hv-cell {
    text-align: center;
    padding: 6px 4px;
    border-left: 0.5px solid var(--fnv-grid);
    background: var(--fnv-surface-2);
    transition: background 0.2s;
}
.fv-hv-cell:last-child { border-left: none; }
.fv-hv-cell:hover { background: var(--fnv-grid); }
.fv-hv-cell__sym {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    color: var(--fnv-ink-muted);
    margin-bottom: 4px;
}
.fv-hv-cell__hv {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: var(--fnv-ink);
    line-height: 1;
    direction: ltr; unicode-bidi: isolate;
}
.fv-hv-cell__sd {
    display: block;
    font-family:'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--fnv-ink-muted);
    direction: ltr; unicode-bidi: isolate;
    margin-top: 2px;
}
/* شريط بصريّ للتقلّب النسبيّ (مقارنة فورية بالعين بدل قراءة أرقام) */
.fv-hv-cell__bar { display:block; height:4px; background:var(--fnv-surface-2); margin-top:5px; overflow:hidden; }
.fv-hv-cell__bar i { display:block; height:100%; background:var(--fnv-ink-3); }
.fv-hv-cell.sel .fv-hv-cell__bar { background:var(--fnv-dark-bg); }
.fv-hv-cell.sel .fv-hv-cell__bar i { background:var(--fnv-surface); }
.fv-hv-note {
    background: var(--fnv-surface-2);
    border-right: 2px solid var(--fnv-dark-bg);
    padding: 10px 12px;
    border-radius: 0;
    font-family: 'Readex Pro', sans-serif;
    font-size: .8125rem;
    font-weight: 600;
    color: var(--fnv-ink);
    line-height: 1.6;
}
.fv-hv-details > summary { cursor: pointer; list-style: none; outline: none; }
.fv-hv-details > summary::-webkit-details-marker { display: none; }
.fv-hv-details > summary::before { content: '▾ '; color: var(--fnv-gamma-neg-text); font-weight: 800; }
.fv-hv-details[open] > summary::before { content: '▴ '; }
.fv-hv-note__body { margin-top: 8px; }
.fv-hv-note strong {
    color: var(--fnv-ink);
    font-weight: 900;
}

.fv-card__cd {
    background: var(--fnv-surface-2);
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fv-card__cd-lbl {
    font-size: .85rem;
    font-weight: 800;
    color: var(--fnv-ink-3);
}

.fv-card__cd-val {
    font-family:'Readex Pro', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--fnv-ink);
    letter-spacing: 2px;
}

/* نبض خفيف لشارة "السوق مغلق" الحمراء */
@keyframes fvClosedPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(200,30,30,.45); }
    50%      { box-shadow: 0 0 0 6px rgba(200,30,30,0); }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991px) {
    /* ⚖ **`column` لا `column-reverse` بعد إضافة الترويسة**: العكسُ كان يضع
         اللوحَ الداكنَ أوّلاً والمحتوى ثانياً، ولو بقي لهبطت الترويسةُ إلى
         **أسفل** البطل. فالترتيبُ يُصرَّح بـ`order` بدل أن يُترك للعكس. */
    .fv-hero {
        display: flex;
        flex-direction: column;
    }
    /* ⚖ النصُّ أوّلاً ثمّ الطرفيّة (موك #8) — قاعدةُ الترويسة زالت مع كتلتها. */
    .fv-hero__preview {
        order: 2;
        border-right: none;
        border-top: 1px solid var(--fnv-border);
        padding: 40px 20px;
    }
    /* Let clamp() handle font-size for fv-h1 */
    .fv-hero__content {
        order: 1;
        padding: 40px 20px;
    }
    /* ⚖ مربّعاتٌ أصغرُ على الضيّق كي تبقى الشبكةُ شبكةً لا خطوطاً متباعدة. */
    .fv-hero__content::before {
        background-size: 100% 20px, 20px 100%;
    }
    .fv-nav__links { display: none; }
    .fv-nav { flex-direction: row; }
}

@media (max-width: 576px) {
    .fv-ctas {
        flex-direction: column;
    }
    .fv-ctas .fv-btn { width: 100%; }
    /* جدول «كم يتحرّك السوق» (7 أدوات) يضيق على الجوال → صفّان (4 ثم 3) بلا تمرير أفقي */
    .fv-hv-grid { grid-template-columns: repeat(4, 1fr); }
    .fv-hv-cell { padding: 8px 3px; }
    .fv-hv-cell__sym { font-size: .8125rem; }
    .fv-hv-cell__hv  { font-size: .8125rem; }
    .fv-hv-cell__sd  { font-size: .8125rem; }
    .fv-stats { flex-direction: column; gap: 20px; }
    .fv-stats__item { border-left: none; border-bottom: 1px solid var(--fnv-n-150); padding-bottom: 20px; }
    .fv-stats__item:last-child { border-bottom: none; padding-bottom: 0; }
    .fv-edition { display: none; }
    .fv-h1-heavy {
        font-size: clamp(26px, 6vw, 30px);
    }
    .fv-h1-accent {
        font-size: clamp(22px, 5.5vw, 26px);
    }
    .fv-deck--lead {
        font-size: .875rem;
    }
    .fv-mkt { grid-template-columns: 1fr 1fr; gap: 10px; }
    .fv-mkt__item { border-left: none; border-bottom: 1px solid var(--fnv-grid); }
}

/* ═══ حاسبة النطاق المتوقّع (تفاعليّة) ═══ */
.fv-em-calc { border-bottom: 0.5px solid var(--fnv-n-150); background:var(--fnv-surface); padding:8px 14px 12px; }
/* رمزٌ **تابعٌ للسمة** (يُعاد ربطُه في الداكن تلقائيّاً) لا رمزٌ ثابت — الفرقُ
   بينهما كلّفني انحداراً في السمة الفاتحة حين خلطتُ بينهما. */
.fv-em-calc__lbl { font-family: 'Readex Pro',sans-serif; font-size:.8125rem; font-weight:800; color:var(--fnv-ink-muted); margin-bottom:6px; }
.fv-em-calc__row { display:flex; gap:6px; }
.fv-em-calc__sel, .fv-em-calc__inp { font-family:'Readex Pro', sans-serif; font-size:.8125rem; border:1.5px solid var(--fnv-ink-3); border-radius:0; padding:8px 6px; background:var(--fnv-surface); box-sizing:border-box; }
.fv-em-calc__sel { flex:0 0 74px; }
.fv-em-calc__inp { flex:1; min-width:0; text-align:center; direction:ltr; }
/* لون أبيض مضمون (!important) ضدّ أي قاعدة عامّة تقلب لون النصّ — منع زرّ أسود بلا نصّ */
.fv-em-calc__btn { flex:0 0 auto; font-family: 'Readex Pro',sans-serif; font-weight:800; font-size:.8125rem; border:1.5px solid var(--fnv-dark-bg); background:var(--fnv-dark-bg) !important; color:var(--fnv-dark-text) !important; padding:8px 14px; cursor:pointer; border-radius:0; }
.fv-em-calc__btn:hover { background:var(--fnv-surface) !important; color:var(--fnv-ink) !important; }
.fv-em-calc__out { margin-top:8px; font-family: 'Readex Pro',sans-serif; font-size:.8125rem; font-weight:700; color:var(--fnv-ink); line-height:1.75; background:var(--fnv-surface-2); border-right:2px solid var(--fnv-dark-bg); padding:8px 10px; }
.fv-em-calc__out b { font-family:'Readex Pro', sans-serif; direction:ltr; unicode-bidi:isolate; }
.fv-em-calc__out .up { color:var(--fnv-up); } .fv-em-calc__out .dn { color:var(--fnv-down); }
/* مقياس النطاق البصريّ: السعر بالمنتصف + منطقة الانحراف اليومي المظلّلة داخل النطاق الأسبوعي */
.fv-em-gauge { margin:8px 0 6px; }
.fv-em-gauge__track { position:relative; height:16px; background:linear-gradient(90deg,var(--fnv-border),var(--fnv-surface-2) 50%,var(--fnv-border)); border:1px solid var(--fnv-border); }
.fv-em-gauge__day { position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); background:var(--fnv-border); border-left:1px dashed var(--fnv-ink-3); border-right:1px dashed var(--fnv-ink-3); }
.fv-em-gauge__mid { position:absolute; top:-3px; bottom:-3px; left:50%; width:2px; transform:translateX(-50%); background:var(--fnv-dark-bg); }
.fv-em-gauge__lbls { display:flex; justify-content:space-between; font-family:'Readex Pro', sans-serif; font-size:.8125rem; font-weight:800; margin-top:3px; direction:ltr; }
.fv-em-gauge__lbls .dn { color:var(--fnv-down); } .fv-em-gauge__lbls .up { color:var(--fnv-up); } .fv-em-gauge__lbls .mid { color:var(--fnv-ink); }
.fv-hv-cell { cursor:pointer; }
.fv-hv-cell.sel { background:var(--fnv-dark-bg); }
.fv-hv-cell.sel .fv-hv-cell__sym, .fv-hv-cell.sel .fv-hv-cell__hv, .fv-hv-cell.sel .fv-hv-cell__sd { color:var(--fnv-dark-text) !important; }

/* ═══ مصطلح تفاعليّ (تعريف مبسّط لليونانيات) ═══ */
.fnv-term { border-bottom:1.5px dotted var(--fnv-gamma-neg); cursor:help; position:relative; font-weight:700; }
.fnv-term:hover .fnv-term__pop, .fnv-term:focus .fnv-term__pop { opacity:1; visibility:visible; transform:translate(-50%, 0); }
.fnv-term__pop { position:absolute; bottom:calc(100% + 8px); left:50%; transform:translate(-50%, 6px); width:min(260px, 78vw); background:var(--fnv-dark-bg); color:var(--fnv-dark-text); font-family: 'Readex Pro',sans-serif; font-size:.8125rem; font-weight:600; line-height:1.65; padding:9px 12px; border-radius:0; opacity:0; visibility:hidden; transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; z-index:50; text-align:right; box-shadow: none; }
.fnv-term__pop::after { content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:var(--fnv-ink); }

/* ══ «ما بداخل المنصّة» — لوحةُ تشغيلٍ ديناميكيّة (أُعيد التصميم 2026-08-24
   بطلب المالك: «احترافيّ وديناميكيّ حركيّ») ═══════════════════════════════
   اللغةُ لغةُ لوحة التشغيل التي أقرّها المالكُ لقسم inside_platform
   (2026-07-29): خطٌّ ماسحٌ على الترويسة · بطاقاتٌ متساويةٌ برقمٍ شبحيّ ·
   قلبٌ حبريٌّ كاملٌ عند المرور (التباينُ وحدَه يصنع الدراما · §4) ·
   كشفٌ متدرّجٌ عند التحميل. صفرُ استدارةٍ وظلٍّ، وكلُّ حركةٍ تُطفأ مع
   prefers-reduced-motion. */
/* جلدُ fv-pil-strip القديمُ (خلايا متلاصقة · قلبٌ حبريّ · خطٌّ ماسح)
   أُزيل بكامله — موك #10 وحّد الأنماطَ في كتلة «ما بداخل المنصّة» أعلاه. */
.fv-pil-strip{max-width:1160px;margin:30px auto 6px;padding:0 20px;}

/* ══ روابطُ البانر — وزنٌ واحدٌ لفعلين متكافئين ══
   ⛔ **كانا بأنماطٍ مضمَّنةٍ ووزنين مختلفين** (بلاغُ المالك 2026-08-31): رماديٌّ
     تحته خطٌّ مقابل أسودَ بلا خطّ — فيُقرآن مرتبتين وهما خياران متساويان.
   ⚖ **والتمييزُ يبقى بالأيقونة لا بالوزن**: أحدُهما داخليٌّ والآخرُ خارجيّ. */
.fv-hero__links{display:flex;align-items:center;justify-content:center;gap:20px;
    margin-bottom:12px;flex-wrap:wrap;}
.fv-hero__link{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;
    font-family:var(--fnv-font-body);font-size:.8125rem;font-weight:700;
    color:var(--fnv-ink);text-decoration:none;border-bottom:1px solid var(--fnv-ink-3);}
.fv-hero__link:hover,.fv-hero__link:focus-visible{border-bottom-color:var(--fnv-ink);color:var(--fnv-ink);}
.fv-hero__link--icon svg,.fv-hero__link--icon i{width:1em;height:1em;font-size:1em;}
.fv-hero__linksep{width:1px;height:14px;background:var(--fnv-border);}

/* ══ أيقوناتُ العملات — مونوكروم كالمنصّة ══
   ⛔ **كانت أربعةَ ألوانِ علاماتٍ خامّة** (‏#F7931A · #627EEA · #26A17B · #C2A633)
     في منصّةٍ ميثاقُها §4أ «مونوكروم: أبيضُ وأسودُ ودرجاتُ الرمادي» — فتقرأ
     العينُ أربعَ بقعٍ ملوّنةٍ في هيرو أسودَ وأبيض، وهو بعينه ما وصفه المالك.
   ⚖ **والشكلُ يكفي للتعرّف**: صورةُ البيتكوين والإيثيريوم معروفةٌ بحدودها لا
     بلونها، والـ`title` يحمل الاسمَ كاملاً لمن يحتاجه.
   ⚖ **ويرث اللونَ من الحاوية** (`currentColor`) فيتبع السمةَ فاتحةً وداكنة. */
.fv-crypto-icon{color:var(--fnv-ink-2);}
.fv-crypto-icon:hover{color:var(--fnv-ink);border-color:var(--fnv-ink);}
.fv-crypto-icon svg{fill:currentColor;}


/* ══ شريطُ تدفّق الأوامر — تحت البطل (موك المالك #8 · 2026-09-01) ══
   ⚖ حركةٌ تزيينيّةٌ قابلةٌ للإيقاف: تتجمّد بالمرور، وreduced-motion يحوّلها
     تمريراً يدويّاً. واللونُ على نصّ العقد لا على خلفيّةٍ كتليّة (§4ب). */
.fv-flow {
    display: flex;
    align-items: stretch;
    background: var(--fnv-dark-bg);
    color: var(--fnv-dark-text);
    border-block-end: 4px solid var(--fnv-ink);
    min-height: 48px;
    overflow: hidden;
}
/* الشارةُ أكسنتيّةٌ بنصٍّ حبريّ (الموك · التباين 5.7:1) */
.fv-flow__flag {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    background: var(--fnv-gamma-neg);
    color: var(--fnv-dark-bg);   /* ثابتُ الدور فوق الأكسنت — لا ink المنقلبة */
    border-inline-end: 4px solid var(--fnv-ink);
    font-size: .8125rem;
    font-weight: 800;
    white-space: nowrap;
}
.fv-flow__flag b { font-weight: 700; color: var(--fnv-dark-bg); opacity: .82; }
.fv-flow__vp {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.fv-flow__track {
    display: flex;
    white-space: nowrap;
    animation: fvFlowDrift 45s linear infinite;
}
.fv-flow__vp:hover .fv-flow__track { animation-play-state: paused; }
@keyframes fvFlowDrift { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    .fv-flow__track { animation: none; }
    .fv-flow__vp { overflow-x: auto; }
}
.fv-flow__seq { display: inline-flex; align-items: center; }
.fv-flow__it {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline: 14px;
    font-family: var(--fnv-font-mono);
    font-size: .8125rem;
}
.fv-flow__it b.is-c { color: var(--fnv-up-on-dark); }
.fv-flow__it b.is-p { color: var(--fnv-down-on-dark); }
.fv-flow__it i { color: var(--fnv-on-dark-2); font-style: normal; }
/* الأمرُ رابطٌ إلى قسمه (2026-09-03): لونٌ موروثٌ · تسطيرٌ بالمرور والتركيز · تاريخُ الانتهاء أخفت درجة */
a.fv-flow__it { color: inherit; text-decoration: none; }
a.fv-flow__it:hover, a.fv-flow__it:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.fv-flow__exp { font-size: .75em; color: var(--fnv-on-dark-2); margin-inline-start: 4px; }
.fv-flow__sep { color: var(--fnv-on-dark-2); opacity: .5; margin-inline: 4px; }
@media (max-width: 576px) {
    .fv-flow__flag { padding: 0 10px; font-size: .8125rem; }
}

/* ══ قسمُ الاعتراضات والأحكام الحيّة (fnv-objx) — رُحّل من وسم <style> داخل
   البانر (2026-09-02 · دَينُ القاعدة 1: كان آخرَ وسمٍ في banner.blade) ══ */
    /* ⛔ **رمزُ الحدّ هنا `--fnv-dark-border` لا `--fnv-acad-ink`** (صُحّح 2026-08-13):
         الثاني **يُقلَب في السمة الداكنة** (‏#2A2A2A ⇐ #D4D4D4)، وهذا القسمُ داكنٌ
         **في السمتين** — فكانت خطوطُ الشبكة تنقلب رماديّاً فاتحاً وهّاجاً على أسودَ
         تامّ. و`--fnv-dark-bg` و`--fnv-dark-border` و`--fnv-on-dark-*` معرَّفةٌ في
         الجذر وحدَه فلا تُقلَب — وهي رموزُ **الدور على سطحٍ داكن**، وهو الدورُ هنا.
       ⚖ والعبرةُ: تُطابَق **وظيفةُ الرمز** لا قيمتُه اليوم. */
    .fnv-objx{background:var(--fnv-dark-bg);color:var(--fnv-on-dark-1);padding:36px 24px;}
    .fnv-objx__inner{max-width:1180px;margin:0 auto;}
    .fnv-objx__head{text-align:center;margin-bottom:20px;}
    .fnv-objx__kicker{font-family: 'Readex Pro', sans-serif;font-size:.8125rem;font-weight:800;color:var(--fnv-on-dark-2);display:inline-block;margin-bottom:6px;}
    .fnv-objx__title{font-family: 'Readex Pro',sans-serif;font-size:clamp(20px,1.9vw,26px);font-weight:800;line-height:1.38;color:var(--fnv-on-dark-1);max-width:780px;margin:0 auto;letter-spacing:normal;}
    .fnv-objx__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--fnv-dark-border);}
    .fnv-objx__card{padding:28px 26px;border-left:1px solid var(--fnv-dark-border);text-align:right;}
    .fnv-objx__card:last-child{border-left:none;}
    .fnv-objx__num{font-family:'Readex Pro', sans-serif;font-size:13px;font-weight:800;color:var(--fnv-on-dark-2);letter-spacing:1px;display:block;margin-bottom:14px;}
    /* ⚖ **أيقونةٌ مرسومةٌ ضمنيّاً لا من خطّ الأيقونات**: أطرافُ Line Awesome
       مستديرةٌ وتناقض «صفرَ الاستدارة» (§4)، وهنا `stroke-linecap:square` يطابق
       حوافَّ النظام بالضبط. والوزنُ ثلاثُ أيقوناتٍ ≈ 0.6ك — أرخصُ من طلبِ خطّ.
       ⚖ وهي **مع الرقم في صفٍّ واحد** لا فوقه: عنصرٌ ثالثٌ مكدَّسٌ يزاحم العنوان
         الذي جاءت الأيقونةُ لتخدمه. */
    .fnv-objx__cap{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
    .fnv-objx__cap .fnv-objx__num{margin-bottom:0;}
    .fnv-objx__i{width:26px;height:26px;flex:0 0 auto;fill:none;stroke:currentColor;
        stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;color:var(--fnv-on-dark-2);}
    .fnv-objx__h{font-family: 'Readex Pro',sans-serif;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--fnv-on-dark-1);margin:0 0 10px;line-height:1.4;}
    .fnv-objx__p{font-family: 'Readex Pro', sans-serif;font-size:14px;font-weight:500;line-height:1.85;color:var(--fnv-on-dark-2);margin:0;}
    .fnv-objx__p em{font-style:italic;color:var(--fnv-on-dark-1);font-weight:700;}
    /* ══ بطاقاتُ الأحكام الحيّة ══════════════════════════════════════════
       ⚖ **الهيكلُ من المرفق واللغةُ من الميثاق**: المرفقُ بطاقاتٌ مستديرةٌ بأزرارٍ
         زرقاءَ وشاراتٍ ملوّنة — و§4 يمنع الاستدارةَ والظلالَ ويحجز الأزرقَ لبيانات
         الغاما. فبقيَ **الترتيب** (قسمٌ ⇐ حكمٌ ⇐ رقمٌ كبيرٌ ⇐ تفسيرٌ ⇐ مصدر)
         وسقطَت الزينة. والفواصلُ حدودٌ بسُمكِ شعرةٍ كبقيّة القسم.
       ⚖ **والمصدرُ يُسمّي السلطةَ المُصدِرة** لا الأداةَ ولا مزوّدَ البيانات. */
    .fnv-objx__dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--fnv-dark-border);}
    /* ⚖ **المحتوى مُوسَّطٌ في المربّع** (طلبُ المالك 2026-08-13): المحاذاةُ يميناً
         كانت تترك الأرقامَ الكبيرةَ معلّقةً على حافّةٍ واحدةٍ وتُخلّف تعرّجاً في
         الأطراف الأربعة. والتوسيطُ يجعل كلَّ بطاقةٍ كتلةً واحدةً متّزنة. */
    .fnv-objx__d{display:flex;flex-direction:column;padding:18px 20px;
        border-left:1px solid var(--fnv-dark-border);text-align:center;}
    .fnv-objx__d:last-child{border-left:none;}
    .fnv-objx__dk{font-family:'Readex Pro',sans-serif;font-size:12.5px;font-weight:800;
        color:var(--fnv-on-dark-2);letter-spacing:normal;margin-bottom:8px;}
    .fnv-objx__dw{font-family:'Readex Pro',sans-serif;font-size:15px;font-weight:800;
        color:var(--fnv-on-dark-1);line-height:1.35;margin-bottom:4px;}
    .fnv-objx__dv{font-family:var(--fnv-font-mono);font-size:clamp(22px,2.1vw,29px);
        font-weight:700;color:var(--fnv-on-dark-1);line-height:1.15;display:block;
        font-variant-numeric:tabular-nums;margin-bottom:5px;}
    .fnv-objx__dl{font-family:'Readex Pro',sans-serif;font-size:12.5px;
        color:var(--fnv-on-dark-2);line-height:1.6;}
    .fnv-objx__dp{font-family:'Readex Pro',sans-serif;font-size:13px;font-weight:500;
        line-height:1.8;color:var(--fnv-on-dark-2);margin:11px 0 0;}
    .fnv-objx__ds{font-family:'Readex Pro',sans-serif;font-size:11.5px;color:var(--fnv-on-dark-2);
        border-top:1px solid var(--fnv-dark-border);padding-top:10px;margin-top:auto;}
    .fnv-objx__ds::before{content:'المصدر: ';}
    /* ⚖ **الطابعُ الزمنيُّ برهانُ حياةٍ لا زينة** (طلبُ المالك 2026-08-13): رقمٌ بلا
         تاريخٍ يدّعي اللحظةَ، والادّعاءُ حين ينكشف يُسقط ثقةَ الصفحة كلِّها.
       ⛔ **والتأخّرُ يُميَّز بالحدّ لا باللون**: §4 يحجز الأحمرَ لنصّ الأرقام،
         ووثيقةُ التسليم تنصّ «التمييزُ بالحدّ والسُّمك لا باللون». */
    .fnv-objx__df{font-family:'Readex Pro',sans-serif;font-size:11.5px;
        color:var(--fnv-on-dark-2);margin-top:5px;line-height:1.6;}
    .fnv-objx__df b{font-family:var(--fnv-font-mono);font-size:11px;font-weight:700;
        color:var(--fnv-on-dark-1);margin-inline-start:5px;font-variant-numeric:tabular-nums;}
    .fnv-objx__df.is-late{border-inline-start:2px solid var(--fnv-on-dark-1);padding-inline-start:7px;}
    .fnv-objx__cta{text-align:center;margin:16px 0 0;--fnv-size-p:14px;}
    .fnv-objx__cta p{font-family:'Readex Pro',sans-serif;font-size:14px;line-height:1.9;
        color:var(--fnv-on-dark-2);margin:0 0 10px;}
    .fnv-objx__btn{display:inline-flex;align-items:center;justify-content:center;
        min-height:46px;padding:9px 24px;margin:0 5px 8px;
        font-family:'Readex Pro',sans-serif;font-size:14.5px;font-weight:800;
        background:var(--fnv-on-dark-1);color:var(--fnv-dark-bg);
        border:2px solid var(--fnv-on-dark-1);text-decoration:none;}
    .fnv-objx__btn:hover{background:transparent;color:var(--fnv-on-dark-1);}
    .fnv-objx__btn:focus-visible{outline:2px solid var(--fnv-on-dark-1);outline-offset:3px;}
    /* الثانويُّ مُفرَّغ: دعوةٌ واحدةٌ أولى لا دعوتان تتنافسان (§ دعوةُ الفعل الواحدة). */
    .fnv-objx__btn--g{background:transparent;color:var(--fnv-on-dark-1);
        border-color:var(--fnv-dark-border);}
    .fnv-objx__btn--g:hover{border-color:var(--fnv-on-dark-1);
        background:var(--fnv-on-dark-1);color:var(--fnv-dark-bg);}
    @media (max-width:991px){
      .fnv-objx__dgrid{grid-template-columns:repeat(2,1fr);}
      .fnv-objx__d:nth-child(2n){border-left:none;}
      .fnv-objx__d:nth-child(-n+2){border-bottom:1px solid var(--fnv-dark-border);}
    }
    @media (max-width:575px){
      .fnv-objx__dgrid{grid-template-columns:1fr;}
      .fnv-objx__d{border-left:none;border-bottom:1px solid var(--fnv-dark-border);}
      .fnv-objx__d:last-child{border-bottom:none;}
    }
    @media (max-width:768px){
      .fnv-objx{padding:28px 18px;}
      .fnv-objx__grid{grid-template-columns:1fr;}
      .fnv-objx__card{border-left:none;border-bottom:1px solid var(--fnv-dark-border);}
      .fnv-objx__card:last-child{border-bottom:none;}
    }
    
/* ── نافذة حيّة على أداة الغاما في الهيرو (§4: صفر استدارة · بلا ظلال) ── */
/* ⛔ **صفرُ استدارةٍ يشمل مؤشّرَ النبض** (قِيس 2026-08-11 · طلبُ المالك «بنفس
     الأسلوب»): الدائرةُ عادةٌ من نظامٍ آخر. والمربّعُ في نظامٍ حادِّ الحواف يُقرأ
     **مقصوداً** لا ناقصاً، وهو ما تفعله بطاقةُ المحطّة وشبكةُ البِنتو. */
.fv-pulse-dot{width:6px;height:6px;background:var(--fnv-tint-pos);display:inline-block;flex-shrink:0;
  animation:fvPulse 2s ease-in-out infinite}
@keyframes fvPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.fv-live{border:1px solid var(--fnv-border);background:var(--fnv-surface);margin:22px 0 24px}
.fv-live__hd{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;
  border-bottom:1px solid var(--fnv-grid);font-size:.8125rem;font-weight:800;color:var(--fnv-ink)}
.fv-live__tag{font-family: 'Readex Pro', sans-serif;font-size:.8125rem;font-weight:700;color:var(--fnv-ink-3);
  border:1px solid var(--fnv-border);padding:1px 7px}
.fv-live__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--fnv-surface-2)}
.fv-live__cell{background:var(--fnv-surface);padding:11px 14px;display:flex;flex-direction:column;gap:2px}
.fv-live__cell .k{font-size:.8125rem;color:var(--fnv-ink-3);font-weight:700}
.fv-live__cell .v{font-family:'Readex Pro', sans-serif;font-size:1.12rem;font-weight:800;color:var(--fnv-ink);line-height:1.25}
.fv-live__cell .v.is-pos{color:var(--fnv-up)}.fv-live__cell .v.is-neg{color:var(--fnv-down)}
.fv-live__cell .s{font-size:.8125rem;color:var(--fnv-ink-3)}
.fv-live__ft{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 14px;border-top:1px solid var(--fnv-grid);background:var(--fnv-surface-2)}
.fv-live__ft .k{font-size:.8125rem;color:var(--fnv-ink-3);font-weight:700}
.fv-live__chip{font-family:'Readex Pro', sans-serif;font-size:.8125rem;font-weight:700;color:var(--fnv-ink);
  border:1px solid var(--fnv-border);background:var(--fnv-surface);padding:2px 8px}
.fv-live__chip b{color: var(--fnv-gamma-neg-text)}.fv-live__chip i{font-style:normal;color:var(--fnv-ink-3);font-size:.8125rem}
@media(max-width:640px){.fv-live__grid{grid-template-columns:1fr 1fr}}
/* معاينة مؤقّتة: تُكشف ثوانيَ ثمّ تُضبَّب — الزائر يرى أنّ البقيّة موجودة فعلاً */
.fv-live__more{display:inline-flex;align-items:center;gap:7px;transition:filter .8s ease,opacity .8s ease}
.fv-live__more.is-blur{filter:blur(3.5px);opacity:.55;pointer-events:none;user-select:none}
.fv-live__chip.is-peek{border-style:dashed;color:var(--fnv-ink-3)}
/* ⛔ **هدفُ نقرٍ 21px** (قِيس على 768px): رابطٌ **مستقلٌّ يعمل زرّاً** لا رابطاً داخل
   جملة — فلا يشمله إعفاءُ الروابط المضمَّنة، وحدُّ WCAG 2.5.8 هو 24px.
   ⚖ حشوةٌ رأسيّة تُكبّر الهدف والخطُّ السفليُّ يبقى ملاصقاً للنصّ (`inline-block`). */
.fv-live__cta{display:inline-block;font-size:.8125rem;font-weight:800;color:var(--fnv-ink);text-decoration:none;
              border-bottom:1.5px solid var(--fnv-dark-bg);white-space:nowrap;padding:7px 2px}
.fv-live__cta:hover{color:var(--fnv-gamma-pos);border-color:var(--fnv-gamma-pos)}
/* وميض خفيف عند وصول قيمةٍ جديدة — يجعل «حيّ» مرئيّاً */
/* الوميضُ برمز الغاما الموجبة عبر color-mix — كان rgba خامّاً مدفوناً في وسم style */
@keyframes fvTick{0%{background:color-mix(in srgb, var(--fnv-gamma-pos) 14%, transparent)}100%{background:transparent}}
.fv-live__cell .v.is-tick{animation:fvTick 1.1s ease-out}
.fv-crypto-mark{display:inline-block;font-weight:800;margin-inline-end:5px;
    font-size:.75em;line-height:1;vertical-align:middle;}

/* ══ أصواتُ الأعضاء — قسمٌ مستقلٌّ (خرج من البطل 2026-09-04) ══
   ⚖ عرضُ قراءةٍ محدودٌ وفاصلٌ حادٌّ أعلاه — لا خلفيّةَ مصبوغةٌ ولا ظلّ (§4). */
.fv-quotes-sec {
    border-top: 3px solid var(--fnv-ink);
    padding: 34px clamp(16px, 4vw, 48px) 40px;
    background: var(--fnv-surface);
}
.fv-quotes-sec > .fv-quotes { max-width: 1180px; margin-inline: auto; }
