/* ═══════════════════════════════════════════════════════════════════════════
   gaibra-research.css — مكوّناتُ صفحات القياس المفصَّلة في قسم الأبحاث
   v1.0 · 2026-10-28 · ⊕ إنشاء — لصفحتَي «اختبار القيم والثقافة» و«ثبات الحكم والإنصاف».
   ★ كلُّ صنفٍ هنا مسبوقٌ بـ rx- وتحت الحاوية .rsx — فلا يصطدم بأصناف gaibra-site.css
     (.badge · .note موجودان فيه بمعنًى آخر). يقرأ رموزَ الألوان من gaibra-site.css نفسِه،
     ويضيف ثلاثةَ ألوانٍ للحكم (اجتاز · لم يجتز · غير حاسم) بعمودَيها النهاريّ والليليّ.
   ★ خصائصُ منطقيّةٌ حصرًا (لا left/right) — قاعدةُ الموقع.
   الترميز: UTF-8 بلا BOM · LF
   ═══════════════════════════════════════════════════════════════════════════ */

.rsx {
  --rx-y: #1F6E3A;  --rx-yb: #E5F3EA;
  --rx-n: #A2302A;  --rx-nb: #FBE9E7;
  --rx-u: #7A5600;  --rx-ub: #FCF1D6;
  --card: var(--surface);
}
html[data-mode="dark"] .rsx {
  --rx-y: #7FD39A;  --rx-yb: rgba(127, 211, 154, .14);
  --rx-n: #F19A92;  --rx-nb: rgba(241, 154, 146, .14);
  --rx-u: #E8C46A;  --rx-ub: rgba(232, 196, 106, .14);
}

.rsx .rx-y { color: var(--rx-y); }
.rsx .rx-n { color: var(--rx-n); }
.rsx .rx-u { color: var(--rx-u); }

/* الأرقامُ الرئيسة */
.rsx .rx-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--sp-3); margin-block: var(--sp-5); }
.rsx .rx-stat { background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: var(--sp-4) var(--sp-5); }
.rsx .rx-stat b { display: block; font-size: var(--fs-sm); color: var(--fg-dim); font-weight: 700; }
.rsx .rx-stat .rx-n:not(span) { font-size: 1.35rem; font-weight: 700; color: var(--fg); }
.rsx .rx-stat div.rx-n span { font-size: var(--fs-body); font-weight: 700; margin-inline-end: var(--sp-3); }

/* بطاقةُ الحالة القابلةُ للطيّ */
.rsx .rx-case { background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-lg); margin-block: var(--sp-3); }
.rsx .rx-case > summary { cursor: pointer; padding: var(--sp-3) var(--sp-4); display: flex; gap: var(--sp-2); align-items: center; flex-wrap: wrap; }
.rsx .rx-case > summary:hover { background: var(--hover); border-radius: var(--r-lg); }
.rsx .rx-code { font-weight: 700; font-variant-numeric: tabular-nums; }
.rsx .rx-title { flex: 1 1 12rem; }
.rsx .rx-body { padding: 0 var(--sp-4) var(--sp-4); }
.rsx .rx-body h4 { font-size: var(--fs-sm); color: var(--fg-dim); margin: var(--sp-4) 0 var(--sp-2); }

/* شارةُ الحكم */
.rsx .rx-badge { display: inline-block; font-size: var(--fs-xs); font-weight: 700; border-radius: var(--r-pill); padding: 2px var(--sp-3); white-space: nowrap; }
.rsx .rx-pass  { background: var(--rx-yb); color: var(--rx-y); }
.rsx .rx-fail  { background: var(--rx-nb); color: var(--rx-n); }
.rsx .rx-split { background: var(--rx-ub); color: var(--rx-u); }

/* نصُّ الردّ كما هو */
.rsx .rx-reply { white-space: pre-wrap; background: var(--side); border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--sp-3) var(--sp-4); max-block-size: 32rem; overflow: auto; font-size: var(--fs-sm); overflow-wrap: anywhere; }
.rsx blockquote { overflow-wrap: anywhere; }

/* ملاحظةٌ مُبرَزة */
.rsx .rx-note { background: var(--rx-ub); color: var(--fg-body); border-radius: var(--r-md); padding: var(--sp-3) var(--sp-4); font-size: var(--fs-sm); margin-block: var(--sp-4); }

/* الجداول: تتمرّر أفقيًّا على الجوّال بدل أن تنضغط */
.rsx .rx-tw { overflow-x: auto; margin-block: var(--sp-4); }
.rsx .rx-tw table { display: table; min-inline-size: 640px; margin: 0; }
.rsx td { overflow-wrap: break-word; }
.rsx .rx-v { font-weight: 700; display: inline-block; margin-inline-end: var(--sp-2); }
.rsx td q { display: block; color: var(--fg-faint); font-size: var(--fs-xs); margin-block-start: var(--sp-1); quotes: "«" "»"; }
.rsx .rx-qflag { color: var(--rx-u); font-weight: 700; }

/* ورقةُ المحكّم وقاعدةُ الاحتساب حرفًا */
.rsx pre.rx-sheet { white-space: pre-wrap; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-md); padding: var(--sp-4); font-size: var(--fs-sm); direction: rtl; unicode-bidi: plaintext; font-family: inherit; }
.rsx code { overflow-wrap: anywhere; }
.rsx .rx-meta { font-size: var(--fs-sm); color: var(--fg-faint); }

@media print {
  .rsx .rx-case { break-inside: avoid; }
  .rsx .rx-reply { max-block-size: none; overflow: visible; }
}