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

/* ── الكتلة 1 (كانت عند السطر 41) ── */
.id-p { background:var(--fnv-surface); color:var(--fnv-ink); direction:rtl; }
.id-p a { color:inherit; }
.id-hero { border-bottom:2px solid var(--fnv-ink); padding:52px 0 34px; }
.id-hero__cat { display:inline-block; font-size:.8125rem; font-weight:700; border: var(--fnv-card-border) solid var(--fnv-ink);
    padding:3px 11px; margin-bottom:14px; }
.id-hero h1 { font-size:var(--fnv-size-title); font-weight:700; line-height:1.45; margin:0 0 6px; }
.id-hero__en { font-family:var(--fnv-font-mono); font-size:.86rem; color:var(--fnv-ink-3); display:block; }
.id-fig { border: var(--fnv-card-border) solid var(--fnv-ink); background:var(--fnv-surface-2); margin:26px 0; padding:18px 0; }
.id-fig svg { display:block; width:100%; height:clamp(150px,26vw,210px); }
.id-fig__cap { border-top:1px solid var(--fnv-border); margin-top:14px; padding:11px 18px 0;
    font-size:.8125rem; color:var(--fnv-ink-muted); line-height:1.85; }
.id-sec { margin-bottom:26px; }
.id-sec h2 { font-size:1.05rem; font-weight:700; border-bottom:2px solid var(--fnv-ink);
    padding-bottom:7px; margin:0 0 11px; }
.id-sec p { font-size:.96rem; line-height:2.05; color:var(--fnv-ink-muted); margin:0; max-width:var(--fnv-measure); }
/* ══ ⛔ **متنُ المؤشّر كان بلا أنماطٍ إطلاقاً** (بلاغُ المالك · قِيس 2026-08-31)
     الفقراتُ المولَّدةُ من `AcademyIndicatorBodies` تخرج **خارجَ `<section class="id-sec">`**
     بصنفَي `id-sec__h`/`id-sec__p` — **وهما غيرُ معرَّفَين في أيّ ورقة**. فورثت
     الافتراضيَّ: **18 بكسل وعرضٌ 956** بلا حدٍّ للقياس، بينما أخواتُها المنسَّقة
     `.id-sec p` عند **‎.96rem** وعمودِ قراءةٍ 594.
   ⚖ **والأثرُ ليس جمالاً**: 956 بكسلاً عند 18 بكسل ≈ **106 محرفاً في السطر** —
     ضِعفُ المدى المقروء، فتضيع العينُ في العودة إلى بداية السطر التالي.
   ⚖ **ولا نمطٌ ثانٍ**: تُوصَل بمحدِّدات `.id-sec` القائمة نفسِها فيبقى مصدرٌ واحد. */
.id-sec__h { font-size:1.05rem; font-weight:700; border-bottom:2px solid var(--fnv-ink);
    padding-bottom:6px; margin:34px 0 11px; max-width:var(--fnv-measure); }
.id-sec__p { font-size:.96rem; line-height:2.05; color:var(--fnv-ink-muted);
    margin:0 0 14px; max-width:var(--fnv-measure); }
/* ⚖ **حدُّ المؤشّر**: شارةٌ سوداءُ فوق الكتلة وحدٌّ برتقاليٌّ جانبيّ — الأكسنتُ نفسُه
     الذي تستعمله المنصّةُ للغاما السالبة (ميثاق §4ب)، ولا خلفيّةَ مصبوغة. */
.id-sec--fail { position:relative; margin-block:30px; padding:24px 0 16px 0;
    padding-inline-start:15px; border-inline-start:4px solid var(--fnv-gamma-neg);
    border-top:2px solid var(--fnv-ink); }
.id-sec--fail p { color:var(--fnv-ink); }
.id-live { border:1.5px solid var(--fnv-ink); border-inline-start:5px solid var(--fnv-ink);
    background:var(--fnv-surface-2); padding:16px 18px; margin:28px 0 6px; }
.id-live__k { display:block; font-size:.8125rem; font-weight:700; letter-spacing:normal;
    color:var(--fnv-ink-3); margin-bottom:7px; }
.id-live b { display:block; font-size:.98rem; font-weight:700; line-height:1.6; }
.id-live p { margin:5px 0 12px; font-size:.83rem; color:var(--fnv-ink-muted); line-height:1.9; }
.id-live__btn { display:inline-block; padding:10px 20px; border:1.5px solid var(--fnv-ink);
    background:var(--fnv-ink); color:var(--fnv-surface) !important; font-size:.84rem; font-weight:700; text-decoration:none; }
.id-live__btn:hover { background:var(--fnv-surface); color:var(--fnv-ink) !important; }
.id-sib { border-top:2px solid var(--fnv-ink); margin-top:34px; padding-top:22px; }
.id-sib__g { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; }
.id-sib__g a { border:1.5px solid var(--fnv-border); padding:11px 13px; text-decoration:none; }
.id-sib__g a:hover { border-color:var(--fnv-ink); }
.id-sib__g b { display:block; font-size:.86rem; }
.id-sib__g span { font-family:var(--fnv-font-mono); font-size:.8125rem; color:var(--fnv-ink-3); }
.id-foot { padding:20px 0 58px; }

/* ── الكتلة 2 (كانت عند السطر 276) ── */
.ind-faq{background:var(--fnv-surface);padding:6px 0 26px;}
.ind-faq__t{font-family:var(--fnv-font-body);font-weight:800;font-size:1.08rem;color:var(--fnv-ink);
    margin:0 0 14px;padding-bottom:8px;border-bottom:1.5px solid var(--fnv-ink);max-width:var(--fnv-measure);}
.ind-faq__i{border:1px solid var(--fnv-border);margin:0 0 8px;max-width:var(--fnv-measure);}
.ind-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;}
.ind-faq__q::-webkit-details-marker{display:none;}
.ind-faq__q::after{content:'+';float:inline-end;font-weight:800;color:var(--fnv-ink-3);}
.ind-faq__i[open] .ind-faq__q::after{content:'−';}
.ind-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 { --id-band: calc(34em + 320px + 40px + 24px); }

/* ══ معيارُ قسم المؤشّرات: عمودان وجانبٌ لاصق (بطلب المالك · 2026-09-03) ══════
   ⚖ نفسُ بنية صفحة المصطلح — قسمان يقرؤهما القارئُ نفسُه بالتناوب، فاختلافُ
     التخطيط بينهما يُكلّفه إعادةَ تعلّمٍ بلا مقابل.
   ⛔ ولا ظلال (ميثاق §4أ): الوزنُ من حدٍّ سميكٍ وتباينٍ لونيّ. */
.id-wrap { display:block; }
.id-main { min-width:0; }

.id-hero__chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.id-chip { font-size:.8125rem; font-weight:700; padding:4px 10px; text-decoration:none;
    border:2px solid var(--fnv-ink); color:var(--fnv-ink); background:var(--fnv-surface); }
.id-chip--k { background:var(--fnv-ink); color:var(--fnv-surface); }
.id-chip:focus-visible { outline:2px solid var(--fnv-ink); outline-offset:2px; }

/* الخلاصةُ أوّلاً: حدٌّ جانبيٌّ سميكٌ يفصلها عن المتن بلا لونٍ إضافيّ. */
.id-lede { font-size:1.02rem; line-height:2.05; color:var(--fnv-ink); font-weight:600;
    margin:0 0 22px; padding-inline-start:16px; border-inline-start:4px solid var(--fnv-ink); }

.id-side { display:flex; flex-direction:column; gap:14px; margin:26px 0 8px; }
.id-card { border:2px solid var(--fnv-ink); padding:14px 16px; background:var(--fnv-surface); }
.id-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); }
.id-card__p { margin:0; font-size:.9rem; line-height:1.95; color:var(--fnv-ink); }
/* الأداةُ الحيّةُ داخلَ الجانب: تُوحَّد مع البطاقات ولا تبقى بعرض المتن. */
.id-side .id-live { margin:0; }

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

/* شارةُ الإخفاق: تُخرج القسمَ من إيقاع العناوين بلا صبغِ كتلةٍ (ميثاق §4ب). */
.id-fail__tag { position:absolute; top:-11px; inset-inline-start:0; display:inline-block;
    padding:3px 11px; background:var(--fnv-ink); color:var(--fnv-surface);
    font-size:.8125rem; font-weight:700; }
.id-sec--fail > h2 { border-bottom:0; margin-top:0; }

/* صيغةٌ قياسيّةٌ داخلَ بطاقة الحساب — أحاديّةُ العرض ومعزولةُ الاتّجاه. */
.id-card__x { display:block; margin-top:10px; padding:10px 12px;
    background:var(--fnv-dark-bg); color:var(--fnv-dark-text);
    font-family:var(--fnv-font-mono); font-size:.86rem; font-weight:700; text-align:center; }

/* المقارنةُ الميكانيكيّة: جدولٌ لا صورة — يُقرأ ويُفهرَس (ميثاق §4ج). */
.id-vs { width:100%; border-collapse:collapse; font-size:.8125rem; }
/* ⛔ **ولا `.fnv-sr` هنا**: صنفُ قارئ الشاشة معرَّفٌ في `fnv-nav.css` ولا يُحمَّل إلّا
     في تخطيط الأعضاء — والزائرُ يرى هذه الصفحةَ بتخطيطٍ آخر، فكان العنوانُ يظهر له
     نصّاً سائباً. والإخفاءُ هنا بمحدِّدٍ خاصٍّ بالجدول لا بتكرار صنفٍ عامّ. */
.id-vs caption { position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.id-vs th, .id-vs td { padding:8px 6px; border-bottom:1px solid var(--fnv-border); text-align:start; }
.id-vs thead th { font-weight:700; color:var(--fnv-ink-3); border-bottom:2px solid var(--fnv-ink); }
.id-vs tbody th { font-weight:700; color:var(--fnv-ink); }
.id-vs td { color:var(--fnv-ink-muted); }
.id-vs td.is-self { color:var(--fnv-ink); font-weight:700; }
.id-vs tbody tr:last-child th, .id-vs tbody tr:last-child td { border-bottom:0; }