/* ══ صفحةُ المصطلح /glossary/{slug} — نُقلت من وسمَي نمطٍ مضمَّنين في glossary_term.blade.php (القاعدة 1 · 2026-09-03) ══
   ⚖ نقلٌ حرفيّ (صفرُ hex في الأصل). */

/* ── الكتلة 1 (كانت عند السطر 20) ── */
.gt { background:var(--fnv-surface); color:var(--fnv-ink); direction:rtl; }
.gt a { color:inherit; text-decoration:none; }

.gt-hd { border-bottom:2px solid var(--fnv-ink); padding:40px 0 22px; }
/* ── رقاقةُ الفئة (حلّت محلَّ `.gt-hd__cat` · 2026-09-03): وسمٌ محدَّدُ الحدّ يُقرأ
     تصنيفاً لا سطرَ نصّ — كما في مرجع المالك. */
.gt-hd__chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
/* ⛔ ولا `letter-spacing` هنا: النصُّ عربيٌّ (اسمُ الفئة) والتباعدُ يفكّ وصلَ الحروف
     (‏`arabic-legibility` · وهو ما يمنعه ميثاق §4ج). المرجعُ اللاتينيُّ يستعمله لأنّ نصَّه لاتينيّ. */
/* ⛔ و13px حدّاً أدنى: العربيّةُ دونه تفقد نقاطَها المميِّزة (`arabic-legibility`). */
.gt-chip { font-size:.8125rem; font-weight:700; padding:4px 10px;
    border:2px solid var(--fnv-ink); color:var(--fnv-ink); background:var(--fnv-surface); }
.gt-chip--k { background:var(--fnv-ink); color:var(--fnv-surface); }
.gt-hd h1 { font-size:var(--fnv-size-title); font-weight:700; line-height:1.4; margin:0 0 8px; }
.gt-hd__en { font-family:var(--fnv-font-mono); font-size:.94rem; color:var(--fnv-ink-3); display:block; }

.gt-body { padding:26px 0 8px; }
.gt-def { font-size:1.02rem; line-height:2.05; color:var(--fnv-ink); margin:0 0 22px; }

.gt-sec { margin-bottom:22px; }
/* ══ ⛔ **ثلاثةُ عيوبٍ متراكبةٍ في تجميع القسم** (بلاغُ المالك · قِيس 2026-08-31
     على `/glossary/pe-ratio`) ═══════════════════════════════════════════════
     ① **`margin-top:0`** ⇒ الفجوةُ فوق العنوان **صفرُ بكسل** وتحته 10 —
       فيلتصق بالفقرة **السابقة** ويُفصَل عن فقرته: **تجميعٌ مقلوب**، والقارئُ
       يقرأ العنوانَ ذيلاً لِما قبله لا رأساً لِما بعده.
     ② **`p { margin-bottom:0 }`** ⇒ ولا فاصلَ من الجهة الأخرى أيضاً.
     ③ **والأثقلُ بصريّاً**: العنوانُ عرضُه **980 بكسل** (الحاويةُ كاملةً)
       والفقرةُ **594** (مقيَّدةٌ بـ`--fnv-measure`) — فالخطُّ الفاصلُ يمتدّ
       **386 بكسلاً بعد انتهاء النصّ**، فيُقرأ **صفَّ جدولٍ** لا عنوانَ قسم.
   ⚖ **والقياسُ يُشتقّ من الرمز لا يُكتب رقماً**: الفقرةُ 18px والعنوانُ 16px،
     و`--fnv-measure` بوحدة `em` تُحسب على خطّ العنصر نفسِه — فيُضرَب بالنسبة
     (18/16) ليطابق **عمودَ النصّ نفسَه** بالبكسل، ويتبعه إن تبدّل الرمز. */
.gt-sec h2 { font-size:1rem; font-weight:700; margin:34px 0 10px;
    max-width:calc(var(--fnv-measure) * 18 / 16);
    border-bottom:2px solid var(--fnv-ink); padding-bottom:7px; }
/* ⛔ وأوّلُ عنوانٍ لا هامشَ فوقه: القسمُ يبدأ به فلا شيءَ يُفصَل عنه. */
.gt-sec > h2:first-child { margin-top:0; }
/* الفقرةُ تدفع ما بعدها — والعنوانُ التالي يجمع الهامشين فلا يتضاعف الفراغ. */
.gt-sec > p { margin-bottom:14px; }
.gt-ex { border: var(--fnv-card-border) solid var(--fnv-ink); border-inline-start-width:4px; padding:13px 16px; }
.gt-ex p { margin:0; font-size:.94rem; line-height:2; }
.gt-ex .n { font-family:var(--fnv-font-mono); }

/* الجسرُ الحيّ: يفصل هذه الصفحة عمّا يستطيع غيرُنا نشرَه */
.gt-live { border:2px solid var(--fnv-ink); padding:15px 17px; margin:0 0 22px; max-width:var(--fnv-measure); background:var(--fnv-surface-2); }
.gt-live b { display:block; font-size:.8125rem; color:var(--fnv-ink-3); margin-bottom:6px; }
.gt-live p { margin:0 0 11px; font-size:.9rem; line-height:1.95; }
.gt-live a { display:inline-block; background:var(--fnv-ink); color:var(--fnv-surface) !important;
    font-weight:700; font-size:.84rem; padding:9px 22px; }

.gt-sib { border-top:2px solid var(--fnv-ink); padding:22px 0 60px; margin-top:16px; }
.gt-sib h2 { font-size:.98rem; font-weight:700; margin:0 0 13px; }
.gt-sib__g { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:11px; }
.gt-sib__c { border:1.5px solid var(--fnv-border); padding:10px 13px; }
.gt-sib__c:hover { border-color:var(--fnv-ink); }
.gt-sib__c b { display:block; font-size:.9rem; font-weight:700; }
.gt-sib__c span { font-family:var(--fnv-font-mono); font-size:.8125rem; color:var(--fnv-ink-3); }
.gt-back { margin-top:18px; font-size:.88rem; }
.gt-back a { border-bottom:1.5px solid var(--fnv-ink); font-weight:700; }

@media (max-width:575.98px){ .gt-hd { padding:26px 0 18px; } }

/* ⛔ **القيدُ كان على الصندوق لا على النصّ** (رصده المالك 2026-08-07):
   `max-width:var(--fnv-measure)` على **حاوية** يُقصّر الصندوقَ نفسَه، فيبقى
   نصفُ العمود أبيضَ ويطول الصفحةُ بلا سبب. والمقياسُ صُمّم لِـ**طول السطر**
   لا لعرض البطاقة.
   ⚖ القاعدة: الحاويةُ تملأ عمودَها، والقيدُ ينتقل إلى نصِّها وحدَه. */
.gt-sec > p, .gt-sec > li{max-width:var(--fnv-measure);}

.gt-def p{max-width:var(--fnv-measure);}

/* ── الكتلة 2 (كانت عند السطر 272) ── */
.gt-faq__i{border:1px solid var(--fnv-border);margin:0 0 8px;background:var(--fnv-surface);}
.gt-faq__q{cursor:pointer;padding:11px 14px;font-family:var(--fnv-font-body);font-size:.9rem;
    font-weight:800;color:var(--fnv-ink);list-style:none;}
.gt-faq__q::-webkit-details-marker{display:none;}
.gt-faq__q::after{content:'+';float:inline-end;font-weight:800;color:var(--fnv-ink-3);}
.gt-faq__i[open] .gt-faq__q::after{content:'−';}
.gt-faq__a{padding:0 14px 13px;font-family:var(--fnv-font-body);font-size:.88rem;
    line-height:1.95;color:var(--fnv-ink-muted);}

:root { --gt-band: calc(34em + 320px + 40px + 24px); }

/* ══ عمودان: المتنُ يُقرأ والمرجعُ يبقى (إعادةُ تصميمٍ بطلب المالك · 2026-09-03) ══
   ⚖ **العرضُ من الرمز لا من رقمٍ مكتوب**: عمودُ النصّ يبقى محكوماً بـ`--fnv-measure`
     كما كان، والجانبُ يأخذ عرضاً ثابتاً يمنع انضغاطَ الأرقام.
   ⛔ **ولا ظلال** (ميثاق §4أ): الوزنُ البصريُّ من حدٍّ سميكٍ وتباينٍ لونيّ لا من عمقٍ زائف.
   ⚠ **واللصوقُ يُلغى دون 1000px**: جانبٌ لاصقٌ في عمودٍ واحدٍ يغطّي المتن. */
.gt-wrap { display:block; padding-bottom:8px; }
.gt-main { min-width:0; }

.gt-side { display:flex; flex-direction:column; gap:14px; margin:26px 0 8px; }
.gt-card { border:2px solid var(--fnv-ink); padding:14px 16px; background:var(--fnv-surface); }
.gt-card__k { display:block; font-size:.8125rem; font-weight:700;
    color:var(--fnv-ink-3); margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid var(--fnv-border); }
.gt-card__v { display:block; font-family:var(--fnv-font-mono); font-size:1.06rem; font-weight:700; color:var(--fnv-ink); }
.gt-card__n { margin:8px 0 0; font-size:.8125rem; line-height:1.9; color:var(--fnv-ink-3); }
.gt-card__n b { color:var(--fnv-ink); }
/* بطاقةُ المثال تحمل رقماً — تُلبَس لوحاً داكناً فيُقرأ الرقمُ أوّلاً. */
.gt-card--ex { background:var(--fnv-dark-bg); border-color:var(--fnv-dark-bg); }
.gt-card--ex .gt-card__k { color:var(--fnv-on-dark-2); border-bottom-color:var(--fnv-dark-border); }
.gt-card--ex .gt-ex { border:0; padding:0; }
.gt-card--ex .gt-ex p { color:var(--fnv-dark-text); font-family:var(--fnv-font-mono); font-weight:700; }

/* البطاقةُ الحيّةُ صارت داخلَ الجانب: تُوحَّد مع البطاقات ولا تبقى بعرض المتن. */
.gt-side .gt-live { border:2px solid var(--fnv-ink); padding:14px 16px; margin:0; }

@media (min-width:1000px) {
    /* ══ **المسارُ هو المقياسُ لا الفقرة** (صُحّح 2026-09-03 ببلاغ المالك) ══════
       ⛔ **قيدان لمفهومٍ واحد**: المسارُ `1fr` يبلغ ~966 بكسلاً والفقرةُ مقيَّدةٌ
          بـ33em (‏528) — فيبقى ~438 بكسلاً فراغاً بين النصّ والجانب اللاصق،
          والنصُّ محصورٌ في حافّةٍ واحدة. وهو العطبُ نفسُه في صفحة المؤشّر،
          وهاتان الصفحتان **بنيةٌ واحدة** فيُصلَحان معاً أو ينحرفان.
       ⚖ **والقيدُ يُرفع إلى المسار**: عرضُ العمود يصير المقياسَ، ويُلغى القيدُ
          الثاني على العناصر — فالعمودان متجاوران والمجموعُ متوسّطٌ في الحاوية. */
    /* ⚖ **وشريطُ الصفحة واحدٌ لا شريطان** (‏أُضيف 2026-09-03 · بلاغُ المالك الثاني):
       ⛔ الترويسةُ والتذييلُ والأسئلةُ كانت بعرض الحاوية كاملاً (‏1280 بكسلاً)
          والمتنُ 972 — فيقف العنوانُ وحدَه في يمين شريطٍ فارغٍ عرضُه ~900 بكسل،
          ويبقى ثقبٌ بين المتن والشريط الجانبيّ للأعضاء. **الفراغُ لم يكن في
          المتن بل في اختلاف عرضِ الأشرطة.**
       ⚖ فيُشتقّ عرضُ الشريط من مساري الشبكة نفسِهما (‏34em + 320 + 40 + حشوة)
          فيتبعُهما إن تبدّلا — رقمٌ واحدٌ تنفيذٌ واحد. */
    .gt-wrap, .gt-hd > .container { max-width:var(--gt-band); margin-inline:auto; }
    .gt-wrap { display:grid; grid-template-columns:minmax(0,34em) 320px;
        gap:40px; align-items:start; }
    .gt-main .gt-sec > p,
    .gt-main .gt-sec > li,
    .gt-main .gt-sec h2,
    .gt-main .gt-def p,
    .gt-main .gt-live { max-width:none; }
    .gt-side { position:sticky; top:88px; margin:26px 0 0; }
}
