/* «القرآن الكريم» — نسق واجهة القراءة والطباعة بهوية زمرّدية وذهبية؛ نسختان: فاتحة نقية وداكنة مريحة للعين.
   الألوان كلها متغيرات: الفاتح في :root، والداكن في :root[data-theme="dark"]. كل زوج نص/خلفية مفحوص بمعيار
   WCAG 2.2 (AA على الأقل، والنصوص الأساسية AAA) بالسكربت contrast.mjs؛ أي لون جديد يُضاف في الموضعين ويُفحص. */
/* خط المصحف: KFGQPC HAFS Uthmanic Script الإصدار 0.18 (2019) من مستودع quran-data-kfgqpc، وهو إصدار نص المصحف نفسه
   (data/kfgqpc/hafsData_v18.json)؛ حلّ محلّ الإصدار 0.09 (2011) الذي لم يكن فيه رسم حقيقي للميم الصغيرة السفلى ۭ (99 آية)
   ولا لعلامة الإمالة ۪ (هود 41) فكانتا تُرسمان بخط آخر (2026-09-23). في ملفه 608 محارف منها 170 «دائرة منقّطة» نائبة
   (حروف فارسية وأردية، و، ؛ ؟…)، فيُحصر مداه في رسومه الحقيقية ويُترك سواها للخط التالي في السلسلة. والاسم جديد
   (hafs.18) لأن الخطوط تُخزَّن سنة عند الزائر، فالاسم الجديد يجلبه بلا مسح ذاكرة. الترخيص يمنع تعديل الملف: يُستعمل كما هو. */
@font-face{font-family:'hafs';src:url('fonts/hafs.18.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;unicode-range:U+20,U+30-39,U+A0,U+600,U+621-63A,U+640-657,U+65E,U+660-669,U+66E,U+670-671,U+6D6-6DE,U+6E0-6E2,U+6E4-6EA,U+6EC-6ED,U+200C-200F,U+FC00-FD1D,U+FD50-FD7D}
/* خط الواجهة: ثمانية (مرخص لأصحاب الموقع؛ الملفات fonts/thmanyah-*.woff2 من الأصل OTF) */
/* خط المتن: ترادشنال عربي (Traditional Arabic 6.85، من نسخة صاحب الموقع، 2026-09-23) يُحمَّل للجميع فلا يتوقف على خطوط الجهاز.
   يملك علامات الرسم العثماني كلها إلا 065E، فلا تنكسر الآية المقتبسة في المتن. الخط المحلي أولاً على ويندوز توفيراً للتحميل */
@font-face{font-family:'TradAr';src:local('Traditional Arabic'),local('TraditionalArabic'),url('fonts/tradar-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'TradAr';src:local('Traditional Arabic Bold'),local('TraditionalArabic-Bold'),url('fonts/tradar-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('fonts/thmanyah-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('fonts/thmanyah-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Thmanyah';src:url('fonts/thmanyah-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* الفاتح: أرضية بيضاء صافية، وحبر أخضر داكن، وزمرّدي للهوية، وذهبي للزخارف وأرقام الآيات، وأرضية ثلجية (أزرق فاتح جداً) للمصحف */
:root{
  --ui:"Thmanyah","Segoe UI",Tahoma,Arial,sans-serif;
  /* خط المتن (التفاسير وعلوم الآية وبطاقة السورة والتدبر والكتب وترويسة الآية) بقرار صاحب الموقع 2026-09-23: ترادشنال عربي
     عريضاً، وثمانية باقية للأزرار والقوائم والعناوين، وخط المصحف لما يلزمه رسم المصحف (إطار المصحف والإعراب والاقتباس .qr) */
  --body:"TradAr","Traditional Arabic","Amiri","Scheherazade New","Noto Naskh Arabic","Times New Roman",serif;
  --bg:#f5f6f3;--ink:#171d1a;--muted:#5b655f;--muted2:#6f7873;--sub:#5f6963;--lead:#2e3934;--head:#0b4a31;--link:#0b5e3c;
  --acc:#0f6b45;--acc2:#0b4a31;--acc-hi:#14774f;--gold:#d8a455;--gold-tx:#7a5118;--gold-line:#d8a455;
  --nav1:#12694a;--nav2:#0b4a31;--navtx:#eef3ee;--navhi:#083924;--nav-act-tx:#0b3a27;
  --hero1:#08301f;--hero2:#0f5a3b;--hero3:#0a3b28;
  --well:#ffffff;--wellb:#dde3df;--well-sh:0 1px 3px rgba(0,0,0,.05);--line:#e6eae7;--hr1:#e2e6e3;--hr2:#ffffff;
  --btn1:#ffffff;--btn2:#f0f3f0;--btnb:#c7d0ca;--btntx:#1e2a25;--btn-edge:#b5bfb8;--btn-hover-tx:#0b4a31;--btn-active:#e3e8e4;
  --menu-bg:#ffffff;--menu-b:#cfd7d1;--menu-tx:#1e2a25;--menu-sub:#5f6963;--disabled:#8e978f;
  --field-bg:#ffffff;--search-bg:#ffffff;--search-b:transparent;--search-ico:#6f7873;--crumb-sep:#98a19b;--ic-tx:#1e2a25;
  --ayat-bg:#f3f8fb;--ayat-b:#cfe0ea;--ayat-tx:#1e3a8a;--ayat-a:#1e3a8a;--ayat-cur:#14802b;--hi-tx:#14802b;
  --an-bg:#ffffff;--an-tx:#7a5118;--an-cur-b:#0f6b2a;--an-cur-tx:#ffffff;--num-bg:#ffffff;--cur-bg:#cfe9db;--cur-tx:#0b3a27;--hl-bg:#fff1c2;
  --nass-bg:#ffffff;--nass-b:#dfe5e1;--nass-tx:#161c19;
  --t1:#1e4b80;--t2:#5f6963;--t3:#0b6b45;--t4:#7a5118;
  --c-asbab:#d8a455;--c-asbab-tx:#7a5118;--c-asbab-bg:#fdf6e3;--c-hadith:#d5455d;--c-hadith-tx:#89002a;--c-hadith-bg:#fedfe0;--c-gharib:#8c830d;--c-gharib-tx:#4f4a02;--c-gharib-bg:#eceac4;--c-muf:#6478d3;--c-muf-tx:#324087;--c-muf-bg:#e1e7fd;--c-naskh:#c45e39;--c-naskh-tx:#7a2a06;--c-naskh-bg:#fde1d7;--c-hid:#9468c2;--c-hid-tx:#57337a;--c-hid-bg:#eee2fd;--c-tad:#0689c8;--c-tad-tx:#004d74;--c-tad-bg:#d4ecfd;--c-iraab:#ae7102;--c-iraab-tx:#633f03;--c-iraab-bg:#fde3c4;--c-qiraat:#8c830d;--c-qiraat-tx:#4f4a02;--c-qiraat-bg:#eceac4;--c-munasabat:#9468c2;--c-munasabat-tx:#57337a;--c-munasabat-bg:#eee2fd;--c-ahkam:#b45c9d;--c-ahkam-tx:#6e285e;--c-ahkam-bg:#fdddf3;--c-mut:#0689c8;--c-mut-tx:#004d74;--c-mut-bg:#d4ecfd;--c-waqf:#0f919c;--c-waqf-tx:#015259;--c-waqf-bg:#c2f2f8;--c-mushkil:#029678;--c-mushkil-tx:#045543;--c-mushkil-bg:#c7f3e4;--c-mubham:#4e943e;--c-mubham-tx:#1c560b;--c-mubham-bg:#d7f1d1;--c-asma:#0f919c;--c-asma-tx:#015259;--c-asma-bg:#c2f2f8;--c-shub:#b45c9d;--c-shub-tx:#6e285e;--c-shub-bg:#fdddf3;--c-isr:#c45e39;--c-isr-tx:#7a2a06;--c-isr-bg:#fde1d7;
  --ft-bg:#0b3a27;--ft-tx:#d5dfd8;--ft-mut:#a9b8ae;
  --rp-track:rgba(11,74,49,.16);--rp-c1:#0b4a31;--rp-c2:#0f766e;--rp-c3:#b07a12;--rp-tip:#d8a455;--rp-glow:rgba(216,164,85,.65);--rp-ring:rgba(11,58,39,.45);
  --focus:#0e7d52;--sel:#afd6c1;--sel-tx:#0b3a27;
  --bk-paper:#fffdf7;--bk-paper-b:#e6e0cf;
  --fz:1;
}
/* الداكن: أرضية خضراء فحمية عميقة (لا سوداء)، ونص عاجي دافئ لا يبهر، والآية المختارة وأرقام الآيات ذهبية، والروابط نعناعية */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e1614;--ink:#e7e3d6;--muted:#a4ada7;--muted2:#8b948e;--sub:#98a19b;--lead:#cfd6d0;--head:#f1ca72;--link:#8fd6b3;
  --acc:#14774f;--acc2:#0f5a3c;--acc-hi:#177f54;--gold:#d8a455;--gold-tx:#f1ca72;--gold-line:#b88339;
  --nav1:#0f4a33;--nav2:#082e1f;--navtx:#e6efe8;--navhi:#062217;--nav-act-tx:#0b3a27;
  --hero1:#07261a;--hero2:#0e4a33;--hero3:#082e1f;
  --well:#141c19;--wellb:#233029;--well-sh:none;--line:#243129;--hr1:#2a3731;--hr2:#0b110f;
  --btn1:#1f2b26;--btn2:#182320;--btnb:#31413a;--btntx:#e2ddcf;--btn-edge:#2a3831;--btn-hover-tx:#ffffff;--btn-active:#111a16;
  --menu-bg:#182320;--menu-b:#31413a;--menu-tx:#e2ddcf;--menu-sub:#98a19b;--disabled:#66726b;
  --field-bg:#182320;--search-bg:#1a2622;--search-b:#3a4a41;--search-ico:#98a19b;--crumb-sep:#5c6862;--ic-tx:#e2ddcf;
  --ayat-bg:#171f1b;--ayat-b:#4a4429;--ayat-tx:#c9d4f0;--ayat-a:#d5def7;--ayat-cur:#5fd37a;--hi-tx:#62d47f;
  --an-bg:rgba(0,0,0,.22);--an-tx:#f1ca72;--an-cur-b:#5fd37a;--an-cur-tx:#0b1f12;--num-bg:#1b2521;--cur-bg:#2c4a3c;--cur-tx:#f7f5ee;--hl-bg:rgba(241,202,114,.16);
  --nass-bg:#121a17;--nass-b:#243129;--nass-tx:#e9e4d6;
  --t1:#9dc1ec;--t2:#a4ada7;--t3:#8fd6b3;--t4:#f1ca72;
  --c-asbab:#d8a455;--c-asbab-tx:#f1ca72;--c-asbab-bg:#2a2717;--c-hadith:#ff7c8a;--c-hadith-tx:#fcbfc2;--c-hadith-bg:#3e1e21;--c-gharib:#b6af4d;--c-gharib-tx:#d7d49f;--c-gharib-bg:#2d2a09;--c-muf:#90a6f7;--c-muf-tx:#c1cffd;--c-muf-bg:#202742;--c-naskh:#eb9070;--c-naskh-tx:#fac2af;--c-naskh-bg:#3e2015;--c-hid:#bc97e8;--c-hid-tx:#dbc6f7;--c-hid-bg:#2f223d;--c-tad:#5cb4ef;--c-tad-tx:#a8d8fb;--c-tad-bg:#0e2c3f;--c-iraab:#d99e4d;--c-iraab-tx:#eeca9f;--c-iraab-bg:#382409;--c-qiraat:#b6af4d;--c-qiraat-tx:#d7d49f;--c-qiraat-bg:#2d2a09;--c-munasabat:#bc97e8;--c-munasabat-tx:#dbc6f7;--c-munasabat-bg:#2f223d;--c-ahkam:#dc8cc5;--c-ahkam-tx:#f0c0e1;--c-ahkam-bg:#391f31;--c-mut:#5cb4ef;--c-mut-tx:#a8d8fb;--c-mut-bg:#0e2c3f;--c-waqf:#26c0cf;--c-waqf-tx:#9adfe7;--c-waqf-bg:#032f34;--c-mushkil:#47c3a2;--c-mushkil-tx:#a2e1cc;--c-mushkil-bg:#053126;--c-mubham:#81bd74;--c-mubham-tx:#b9ddb1;--c-mubham-bg:#1b2f17;--c-asma:#26c0cf;--c-asma-tx:#9adfe7;--c-asma-bg:#032f34;--c-shub:#dc8cc5;--c-shub-tx:#f0c0e1;--c-shub-bg:#391f31;--c-isr:#eb9070;--c-isr-tx:#fac2af;--c-isr-bg:#3e2015;
  --ft-bg:#0a1f16;--ft-tx:#c9d3cb;--ft-mut:#9fb0a6;
  --rp-track:rgba(255,255,255,.12);--rp-c1:#2aa37a;--rp-c2:#7cc6a8;--rp-c3:#fae6a0;--rp-tip:#fae6a0;--rp-glow:rgba(233,207,147,.7);--rp-ring:rgba(0,0,0,.35);
  --focus:#f1ca72;--sel:#183c2a;--sel-tx:#f7f5ee;
  --bk-paper:#131b18;--bk-paper-b:#2a3a31;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--ui);font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg)}
a{color:var(--link)}
img,svg{max-width:100%}
.rtl{direction:rtl}
.text-center{text-align:center}
.text-right{text-align:right}
.hidden{display:none!important}
/* إتاحة: حلقة تركيز واضحة للوحة المفاتيح، وتحديد النص بلون الهوية، واحترام تفضيل تقليل الحركة */
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
::selection{background:var(--sel);color:var(--sel-tx);text-shadow:none}
@media (prefers-reduced-motion:reduce){*,::before,::after{transition:none!important;animation:none!important}}

/* الشريط العلوي: تدرج زمرّدي وخط ذهبي رفيع تحته */
.navbar{margin-bottom:18px}
/* اسم الموقع والقائمة معاً في وسط الشريط */
.navbar-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 14px;min-height:50px;padding:0 20px;
  background:linear-gradient(to bottom,var(--nav1),var(--nav2));border-bottom:2px solid var(--gold-line);box-shadow:0 1px 6px rgba(0,0,0,.18)}
.nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
/* عناصر القائمة أيقونة فوق النص كشريط التطبيقات (اختاره صاحب الموقع 2026-09-27 بدل الشرائح المستديرة «الدائرة المنحنية حول كل كلمة»):
   بلا حدود ولا خلفيات، خلفية خافتة عند التمرير، والنشط ذهبي فاتح وتحته شرطة ذهبية قصيرة */
.nav>li>a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;margin:4px 0;padding:8px 13px 7px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.3;color:var(--navtx);text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.3);transition:background .15s,color .15s}
.nav>li>a strong{font-weight:500} /* القائمة بوزن متوسط لا سميك */
.nav>li>a.ico::after{content:attr(title);font-size:14px;line-height:1.3} /* البحث: الاسم تحت الأيقونة كسائر الأقسام (من title) */
/* أيقونة ذهبية فوق كل عنصر في القائمة */
.nav .ni{width:24px;height:24px;flex:none;fill:var(--gold);filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}
.nav>li>a:hover,.nav>li>a:focus{color:#fff;background:rgba(255,255,255,.06)}
.nav>li.active>a{color:#f1ca72}
.nav>li.active .ni{fill:#f1ca72}
.nav>li.active>a::before{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:3px;margin-left:-11px;border-radius:3px;background:var(--gold)}
.nav>li>a small{opacity:.7;font-size:13px;font-weight:400}
/* «الرئيسية» أول الشريط: بيت ذهبي واسمه بلا شريحة، وفي الرئيسية نفسها ذهبي فاتح */
.brand{display:inline-flex;align-items:center;gap:7px;margin:4px 0;padding:8px 10px;border-radius:12px;font-size:15px;font-weight:600;line-height:1.4;color:#fff;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.3);transition:background .15s,color .15s}
.brand:hover,.brand:focus{background:rgba(255,255,255,.06)}
.brand svg{width:22px;height:22px;flex:none;fill:var(--gold);filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}
.brand.on{color:#f1ca72}
.brand.on svg{fill:#f1ca72}
/* زر الوضع الداكن/الفاتح: قمر في الفاتح، وشمس في الداكن */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.14);color:var(--navtx);cursor:pointer;transition:background .15s,color .15s}
.theme-btn:hover,.theme-btn:focus{color:#fff;background:rgba(255,255,255,.1)}
.theme-btn svg{width:19px;height:19px}
.theme-btn .i-moon{fill:currentColor}
.theme-btn .i-sun{display:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.theme-btn .i-sun circle{fill:currentColor;stroke:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
:root[data-theme="dark"] .theme-btn .i-moon{display:none}

.container{width:83.333%;max-width:1400px;margin:0 auto}
.crumbs{margin:0 0 10px;font-size:15px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:"\2039";margin-left:4px;color:var(--crumb-sep)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* الكتل */
.well{min-height:20px;padding:19px;margin-bottom:20px;background:var(--well);border:1px solid var(--wellb);border-radius:8px;box-shadow:var(--well-sh)}
.alert{padding:10px 16px;margin-bottom:20px;border:1px solid;border-radius:8px}
.alert-success{color:var(--ayat-tx);background:var(--ayat-bg);border-color:var(--ayat-b)}
.alert-info{color:var(--nass-tx);background:var(--nass-bg);border-color:var(--nass-b)}
hr{margin:20px 0;border:0;border-top:1px solid var(--hr1);border-bottom:1px solid var(--hr2)}

/* الأزرار والقوائم */
.btn{display:inline-block;padding:5px 13px;margin:0;font:inherit;font-size:16px;font-weight:500;line-height:22px;color:var(--btntx);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;
  background:linear-gradient(to bottom,var(--btn1),var(--btn2));border:1px solid var(--btnb);border-bottom-color:var(--btn-edge);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.btn:hover,.btn:focus{color:var(--btn-hover-tx);background:var(--btn2)}
.btn:active,.open>.btn{background:var(--btn-active);box-shadow:inset 0 2px 4px rgba(0,0,0,.12)}
.btn small{font-size:13px;font-weight:400;opacity:.85}
.btn strong{font-weight:700}
.btn-small{padding:4px 11px;font-size:15px;border-radius:5px}
.btn-mini{padding:1px 7px;font-size:13px;border-radius:4px}
.btn-large{padding:11px 19px;font-size:18px;border-radius:8px}
.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background:linear-gradient(to bottom,var(--acc-hi),var(--acc2));border-color:var(--acc2)}
.btn-success:hover,.btn-success:focus{color:#fff;background:var(--acc2)}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.caret{display:inline-block;width:0;height:0;margin-top:9px;vertical-align:top;border-top:4px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;opacity:.55}
.btn-group{position:relative;display:inline-block;vertical-align:middle;margin:2px 0}
.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;min-width:180px;max-height:320px;overflow:auto;padding:5px 0;margin:2px 0 0;list-style:none;text-align:right;
  background:var(--menu-bg);border:1px solid var(--menu-b);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:15px}
.dropdown-menu.pages{height:290px;max-height:none}
.dropdown-menu.pull-left{right:auto;left:0}
.open>.dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:3px 18px;line-height:24px;color:var(--menu-tx);white-space:nowrap;text-decoration:none}
.dropdown-menu a small{color:var(--menu-sub);font-size:13px}
.dropdown-menu a:hover,.dropdown-menu a:focus{color:#fff;background:var(--acc)}
.dropdown-menu a:hover small{color:#dcebe2}
.dropdown-menu .active>a{color:#fff;background:linear-gradient(to bottom,var(--acc-hi),var(--acc2))}
.dropdown-menu .active>a small{color:#dcebe2}
.dropup .dropdown-menu{top:auto;bottom:100%;margin:0 0 2px}
.chev{display:inline-block;width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;margin:0 2px}
.chev-r{transform:rotate(-45deg)}
.chev-l{transform:rotate(135deg)}

/* شريط اختيار السورة والآية */
.selectors{display:flex;flex-wrap:wrap;gap:4px;align-items:center}

/* صندوق آيات الصفحة */
/* نص الآيات بوزنه العادي: جُرّب عريضاً (2026-09-23) فرآه صاحب الموقع سميكاً وأعاده (2026-09-25) — لا ملف عريض لخط المصحف
   فيسمّكه المتصفح تسميكاً مصطنعاً. واسم السورة في ترويسة الإطار عاد عادياً معه */
.ayat{font-family:hafs,"Times","Traditional Arabic",Arial;color:var(--ayat-tx);font-size:30px;line-height:1.8em;margin:12px 0 18px;padding:16px 18px;text-align:center;word-spacing:.05em}
.ayat a{color:var(--ayat-a);text-decoration:none;transition:color .15s}
.ayat a:hover{color:var(--ayat-cur)}
.ayat a.cur{color:var(--hi-tx)}
.ayat a.cur+.nb .an{color:var(--an-cur-tx);background:var(--ayat-cur);border-color:var(--an-cur-b)}
.nb{white-space:nowrap}
/* أنماط رسم المصحف (طبعة 1421) يضعها app.js نفسه مع الرسم (انظر هناك) كي لا يختلف إصدارهما */
/* ترويسة السورة على هيئة إطار المصحف: نجمتان ذهبيتان وخطان متلاشيان */
.ayat .sura-h{display:flex;align-items:center;gap:.6em;width:min(100%,26em);margin:.3em auto .6em;padding:.2em 1em;font-size:1em;line-height:1.6;font-weight:400;color:#fff;background:linear-gradient(to bottom,var(--acc-hi),var(--acc2));border:2px double var(--gold);border-radius:9px;box-shadow:0 1px 3px rgba(0,0,0,.18);text-shadow:0 1px 1px rgba(0,0,0,.35)}
.ayat .sura-h::before,.ayat .sura-h::after{content:"";flex:1;height:2px;border-radius:1px}
.ayat .sura-h::before{background:linear-gradient(to right,var(--gold),transparent)}
.ayat .sura-h::after{background:linear-gradient(to right,transparent,var(--gold))}
.ayat .sura-h a,.ayat .sura-h .in{display:inline-flex;align-items:center;gap:.45em;color:#fff;white-space:nowrap}
.ayat .sura-h a:hover{color:#ffe9b3}
.ayat .sura-h .orn{width:1.1em;height:1.1em;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.an{display:inline-block;min-width:2.1em;height:2.1em;padding:0 .3em;margin:0 .15em;font-family:Arial,Helvetica,sans-serif;font-size:.6em;font-weight:bold;line-height:1.9em;text-align:center;vertical-align:middle;color:var(--an-tx);background:var(--an-bg);border:2px double var(--gold);border-radius:50%;text-shadow:none}

/* كتلة التفسير */
.tb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.tbh{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;line-height:22px;font-weight:normal}
.tbh .btn{cursor:default}
.tbh .btn i{font-style:normal}
.tbh .loc{font-weight:700;color:var(--head)}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.tools .btn{padding:2px 9px;font-size:14px}
.tools .ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;padding:0;border-radius:5px;border:1px solid var(--btnb);background:linear-gradient(to bottom,var(--btn1),var(--btn2));cursor:pointer;color:var(--ic-tx)}
.tools .ic svg{width:15px;height:15px;fill:currentColor}
.tools .ic:hover{color:#fff;background:var(--acc);border-color:var(--acc2)}
/* اختيار التفسير: زر منسدل على نسق الموقع الأصلي، يفتح الآية نفسها في التفسير المختار */
.tb-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.tf-switch .dropdown-toggle .lbl{font-style:normal;font-weight:400;opacity:.75}
.tf-switch .dropdown-toggle small{opacity:.7}
.tf-switch .dropdown-menu{min-width:260px;max-height:380px}
.tf-switch .dropdown-menu a{padding:6px 18px;font-size:16px;line-height:26px}
.tf-switch .dropdown-menu a b{font-weight:700}
.tf-intro-menu{margin:0 0 12px}
.dropdown-menu .disabled>a{color:var(--disabled);cursor:default;pointer-events:none}
.dropdown-menu .disabled>a small{color:var(--disabled)}

/* الروايات: لكل رواية خط مجمع الملك فهد الخاص بها، ولا يُنزَّل إلا عند اختيارها.
   إلا ورش فتُعرض بخط قالون: خط ورش عند المجمع ينقط الفاء والقاف على طريقة المغاربة (ڢ ڧ)، وخط قالون مطابق له
   في التصميم وجدول المحارف لكن بالنقط المشرقي؛ فيبقى نص ورش وعلاماته كما هي (اختيار صاحب الموقع) */
@font-face{font-family:'kfgqpc-shouba';src:url('fonts/shouba.8.woff2') format('woff2');font-display:swap}
@font-face{font-family:'kfgqpc-qaloon';src:url('fonts/qaloon.10.woff2') format('woff2');font-display:swap}
@font-face{font-family:'kfgqpc-doori';src:url('fonts/doori.9.woff2') format('woff2');font-display:swap}
@font-face{font-family:'kfgqpc-soosi';src:url('fonts/soosi.9.woff2') format('woff2');font-display:swap}
@font-face{font-family:'kfgqpc-bazzi';src:url('fonts/bazzi.7.woff2') format('woff2');font-display:swap}
@font-face{font-family:'kfgqpc-qumbul';src:url('fonts/qumbul.7.woff2') format('woff2');font-display:swap}
.ayat.rw-soosi{font-family:'kfgqpc-soosi',hafs,serif}
.ayat.rw-bazzi{font-family:'kfgqpc-bazzi',hafs,serif}
.ayat.rw-qumbul{font-family:'kfgqpc-qumbul',hafs,serif}
.ayat.rw-shouba{font-family:'kfgqpc-shouba',hafs,serif}
.ayat.rw-warsh,.ayat.rw-qaloon{font-family:'kfgqpc-qaloon',hafs,serif}
.ayat.rw-doori{font-family:'kfgqpc-doori',hafs,serif}
/* ترويسة السورة والبسملة وما لا يُعدّ آيةً في الرواية نصها من مصحف حفص، فتبقى بخط حفص */
.ayat[class*="rw-"] .sura-h,.ayat[class*="rw-"] .basmala,.ayat[class*="rw-"] .rw-none{font-family:hafs,"Times","Traditional Arabic",Arial}
.rw-note{margin:-8px 0 14px;text-align:center;font-size:14px;line-height:1.7;color:var(--muted)}
/* صفحات الروايات والتجويد الثابتة (quran/<rw>/ وquran/tajweed/): صف روابط السورة بالروايات، وروابط هبوط المصاحف، وفروق الرواية، والمفتاح المطبوع */
.rw-links,.rw-hubs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:10px 0 14px;font-family:var(--ui);font-size:14px}
.rw-links a,.rw-hubs a{padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--link);text-decoration:none}
.rw-links a:hover,.rw-hubs a:hover{background:var(--hl-bg)}
.rw-links a[aria-current]{background:var(--acc);color:#fff;border-color:var(--acc)}
.rw-diff,.rw-faq,.tj-faq{font-family:var(--ui);font-size:15px;line-height:1.9;color:var(--sub)}
.rw-diff{max-width:780px;margin:0 auto 14px}.rw-diff .rw-note{margin:6px 0 0}
.rw-table{margin:10px auto;border-collapse:collapse;font-family:var(--ui)}.rw-table caption{font-weight:700;padding:4px}.rw-table th,.rw-table td{padding:4px 14px;border:1px solid var(--line)}
.tj-key{max-width:780px;margin:-6px auto 14px;font-family:var(--ui);font-size:14px;line-height:1.8;color:var(--sub)}
.tj-key summary{cursor:pointer;text-align:center;font-weight:700;color:var(--link)}
.tj-key ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 16px}
.tj-key li{display:flex;align-items:center;gap:8px}.tj-key i{flex:none;width:13px;height:13px;border-radius:50%;background:var(--c)}
:root[data-theme="dark"] .tj-key i{background:var(--cd)}
/* قائمة «المصاحف» الثابتة في الشريط العلوي (نمط قائمة اللغات li.lang) */
.navbar .nav:has(>li.lang.open){overflow:visible} /* الشريط قابل للتمرير (overflow:auto) فيقصّ قائمة اللغات المطلقة؛ يُرفع القصّ ما دامت مفتوحة */
/* خط التفسير بحجم خط الآيات (الخط التقليدي يبدو أصغر من خط المصحف عند الحجم نفسه، فزيد قليلاً) */
.nass{font-family:var(--body);font-size:calc(1.8rem * var(--fz));color:var(--nass-tx);line-height:1.8;font-weight:700;text-align:right;overflow-wrap:break-word}
/* ترويسة الآية بخط المصحف لا بخط الواجهة: خط الواجهة لا يملك علامات الرسم العثماني
   (0656-065F و0671 و06D6-06ED)، فتسقط إلى خط بديل فينكسر وصل الحروف وتتفرق الحركات. */
.nass .aya-h{color:var(--t3)}
/* ترويسة الآية بترادشنال عربي (قرار صاحب الموقع 2026-09-23)، والنص عثماني كما هو، ونص المصحف في إطاره فوقها بخط المصحف */
.nass .aya-h .q{font-family:var(--body);font-size:1.2em;line-height:1.9;font-weight:700}
/* ما بين ﴿ ﴾ في متون التفاسير والعلوم وبطاقات الآية بخط المتن (ترادشنال عربي) كالنص حوله، إملائياً كان أو عثمانياً؛ فهو يملك
   علامات الرسم العثماني إلا 065E (قرار صاحب الموقع 2026-09-23: «عمّم الخط العربي التقليدي في كل موضع يصلح له»).
   ويبقى خط المصحف في المفردات (لوحة البطاقة .ci-mufradat وصفحة الكتاب .g-mufradat)، وفي عرض نص المصحف نفسه:
   إطار المصحف والنظائر والشجرة الإعرابية ونتائج البحث (قواعدها الخاصة). */
.qr{font-family:var(--body);font-size:1.06em}
.ci-mufradat .qr,.g-mufradat .qr,.dict-entry .qr{font-family:hafs,"Times","Traditional Arabic",Arial;font-weight:400}
/* رابط من مقتطف البطاقة إلى الشرح الكامل في قسم الكتب (cleanTafsir يُبقيه وحده) */
.xl{white-space:nowrap;font-weight:700}
.xl::after{content:" \2190"}
.nass .t1{color:var(--t1)}
.nass .t2{color:var(--t2)}
.nass .t3{color:var(--t3)}
.nass .t4{color:var(--t4)}
.nass .nw{white-space:nowrap}
.q{color:var(--t3)}
.q::before{content:"\FD3F";margin-left:.12em}
.q::after{content:"\FD3E";margin-right:.12em}
.tafsir{padding:10px 0}
.note{font-size:.72em;color:var(--muted);font-weight:normal}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:2000;padding:8px 16px;border-radius:6px;background:var(--acc2);color:#fff;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.25)}

/* الفهرس والسور والبحث */
.page-h{margin:0 0 6px;font-size:26px;line-height:1.5;color:var(--head);font-weight:700}
.page-h small{font-size:18px;font-weight:400}
/* عنوان قسم في المنتصف مع خط ذهبي قصير تحته */
.sec-h{text-align:center;margin:4px 0 18px;padding-bottom:12px;position:relative}
.sec-h::after{content:"";position:absolute;left:50%;bottom:0;width:72px;height:3px;transform:translateX(-50%);border-radius:2px;background:linear-gradient(to right,transparent,var(--gold),transparent)}
.lead{margin:0 0 14px;font-size:16px;line-height:1.9;color:var(--lead)}
.suras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px}
.suras a{display:flex;align-items:center;gap:10px;height:100%;padding:8px 10px;text-align:right}
.suras .num{flex:none;display:inline-block;min-width:34px;height:34px;line-height:30px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;text-align:center;color:var(--an-tx);border:2px double var(--gold);border-radius:50%;background:var(--num-bg)}
.suras b{display:block;font-size:19px;line-height:1.4;font-weight:500}
.suras small{display:block;color:var(--sub);font-size:13px;line-height:1.4;font-weight:400}
.goto{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:0 0 16px;font-size:16px}
.goto select,.goto input,.search-box input{font:inherit;font-size:16px;padding:5px 8px;border:1px solid var(--btnb);border-radius:6px;background:var(--field-bg);color:var(--ink)}
.goto input{width:90px}
.meta-line{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin:4px 0 10px;font-size:15px;color:var(--muted)}
.meta-line b{color:var(--ink)}
.sura-text{text-align:justify;text-align-last:center}
.basmala{display:block;text-align:center;margin-bottom:.3em}
.search-box{display:flex;gap:6px;margin:0 0 12px}
.search-box input{flex:1;min-width:0;font-size:18px;padding:8px 12px}
.results{list-style:none;margin:0;padding:0}
.results li{padding:10px 4px;border-bottom:1px solid var(--line)}
.results .refs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:6px;font-size:17px}
.results .ref{font-weight:700;text-decoration:none}
.results .ref:hover{text-decoration:underline}
.results .ref-rd{font-size:14px;color:var(--muted);text-decoration:none}
.results .ref-rd:hover{color:var(--link);text-decoration:underline}
.results .txt{font-family:hafs,"Times","Traditional Arabic",Arial;font-size:28px;line-height:1.85;color:var(--ayat-tx);text-decoration:none}
.results .txt:hover{color:var(--ayat-cur)}
.status{color:var(--muted);font-size:15px;margin:0 0 8px}

/* القسم الافتتاحي في الصفحة الرئيسية: زمرّدي عميق بلا زخارف، وخلفية تتحرك بهدوء (تدرج ينساب وبقعتا ضوء ذهبية
   وزمرّدية تنسابان ببطء)؛ وتثبت كلها لمن فضّل تقليل الحركة في جهازه */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;margin:-18px 0 26px;padding:22px 20px 30px;text-align:center;color:#f3ecd9;
  background:linear-gradient(135deg,var(--hero1) 0%,var(--hero2) 45%,var(--hero3) 75%,var(--hero1) 100%);background-size:240% 240%;animation:hero-bg 34s ease-in-out infinite alternate}
.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;border-radius:50%;will-change:transform}
.hero::before{width:76vw;height:76vw;max-width:980px;max-height:980px;left:-18%;top:-52%;
  background:radial-gradient(circle at center,rgba(216,164,85,.34),rgba(216,164,85,.12) 36%,transparent 66%);animation:hero-a 28s ease-in-out infinite alternate}
.hero::after{width:64vw;height:64vw;max-width:860px;max-height:860px;right:-14%;bottom:-46%;
  background:radial-gradient(circle at center,rgba(72,205,150,.32),rgba(72,205,150,.10) 40%,transparent 66%);animation:hero-b 36s ease-in-out infinite alternate}
@keyframes hero-bg{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes hero-a{from{transform:translate(0,0) scale(1)}to{transform:translate(24%,20%) scale(1.14)}}
@keyframes hero-b{from{transform:translate(0,0) scale(1.06)}to{transform:translate(-22%,-18%) scale(.92)}}
/* طبقات خلفية الهيرو: نقش هندسي خافت يتحرك ببطء ومقنَّع نحو الأطراف، ووردتان خطيتان كبيرتان تدوران ببطء، وذرات ضوء ذهبية ترتفع */
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
@keyframes hero-spin{to{transform:rotate(360deg)}}
.hero-dust{position:absolute;inset:0}
.hero-dust b{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#f1dfae;box-shadow:0 0 10px 2px rgba(241,223,174,.55);opacity:0;animation:hero-rise 18s linear infinite}
@keyframes hero-rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.8}70%{opacity:.5}100%{transform:translateY(-560px) scale(1.15);opacity:0}}
.hero-in{position:relative;z-index:1;width:100%;max-width:920px;margin:0 auto}
.kicker{display:inline-block;margin:0 0 16px;padding:4px 16px;font-size:15px;color:#fae6a0;border:1px solid rgba(216,164,85,.55);border-radius:20px;background:rgba(0,0,0,.18)}
.hero h1{margin:0 0 10px;font-size:54px;line-height:1.25;font-weight:700;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35),0 0 42px rgba(241,202,114,.28)}
/* شعار الموقع (صورة المصحف) تحت العنوان */
.hero-logo-wrap{--orb:min(500px,92vw,58vh);position:relative;display:inline-block;margin:calc(var(--orb) * .077 + 24px) auto}
/* حلقتا المدار: خارجية ثابتة وداخلية متقطعة تدور ببطء */
.hero-rings{position:absolute;top:calc(50% - var(--orb)/2);left:calc(50% - var(--orb)/2);width:var(--orb);height:var(--orb);pointer-events:none}
.hero-rings::before,.hero-rings::after{content:"";position:absolute;border-radius:50%}
.hero-rings::before{inset:0;border:1px solid rgba(241,202,114,.34)}
.hero-rings::after{inset:9%;border:1px dashed rgba(241,202,114,.2);animation:hero-spin 120s linear infinite reverse}
/* الأيقونات: المدار يدور، وكل أيقونة تدور عكسه فتبقى معتدلة */
.hero-orbit{position:absolute;inset:0;border-radius:50%;animation:hero-spin 54s linear infinite}
.hero-orbit .orb{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;transform:rotate(calc(var(--i) * 60deg)) translateY(calc(var(--orb) / -2))}
.hero-orbit .orb>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:rgba(11,58,39,.78);border:1px solid rgba(241,202,114,.45);box-shadow:0 6px 16px rgba(0,0,0,.4);animation:hero-spin 54s linear infinite reverse;animation-delay:calc(var(--i) * -9s)}
.hero-orbit .orb svg{width:20px;height:20px;fill:#f1ca72}
.hero-orbit .orb.qiraat svg{fill:none;stroke:#f1ca72;stroke-width:2;stroke-linecap:round}
.hero-logo-wrap::before{content:"";position:absolute;left:50%;top:52%;width:420px;height:420px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(241,202,114,.38),rgba(241,202,114,.12) 38%,transparent 66%);pointer-events:none}
.hero-logo{position:relative;display:block;width:170px;height:auto;margin:0 auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));animation:hero-float 6s ease-in-out infinite}
/* الرئيسية: صورة واحدة (كلمة «القرآن الكريم» بالخط الذهبي وتحتها المصحف) داخل h1 مكان العنوان النصي والشعار */
.hero-h1{margin:0;font-size:0;line-height:0}
.hero-title{position:relative;display:block;width:calc(var(--orb) * .846);height:auto;margin:0 auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-tag{max-width:760px;margin:0 auto 10px;font-size:17px;line-height:1.7;color:#f3ecd9}
.hero-aya{margin:0 0 14px;font-family:hafs,"Times","Traditional Arabic",Arial;font-size:32px;line-height:1.9;font-weight:normal}
.hero-aya .q{color:#f1dfae}
.hero-search{display:flex;align-items:center;gap:8px;max-width:780px;margin:0 auto 10px;padding:7px 8px 7px 14px;background:var(--search-bg);border:1px solid var(--search-b);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.30)}
.hero-search:focus-within{box-shadow:0 0 0 3px var(--focus),0 14px 34px rgba(0,0,0,.30)}
.hero-search .ico{width:22px;height:22px;flex:none;fill:var(--search-ico)}
.hero-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:19px;padding:10px 4px;color:var(--ink);outline:none}
.hero-search input::placeholder{color:var(--muted2)}
.hero-search .btn{padding:9px 24px;font-size:17px;border-radius:9px}
.btn-gold{color:#1d1607;text-shadow:none;background:linear-gradient(to bottom,#e6c77f,#d8a455);border-color:#a8843f #a8843f #8a6a2c}
.btn-gold:hover,.btn-gold:focus{color:#1d1607;background:#d8a455}
.hero-goto{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:center;margin:0 auto 6px;font-size:15px;color:rgba(243,236,217,.85)}
.hero-goto label{display:inline-flex;align-items:center;gap:6px}
.hero-goto select,.hero-goto input{font:inherit;font-size:15px;padding:5px 8px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(255,255,255,.12);color:#fff}
.hero-goto input{width:80px}
.hero-goto option{color:#222;background:#fff}
/* شرائح الأقسام في الهيرو: أيقونة ورقم واسم القسم */
/* شرائح الأقسام: شبكة أعمدة متساوية تتسع للخمس في صف واحد من 768px فأعلى (لا تنكسر 4+1)؛ وعلى الهاتف بلاطات 3+2 */
.hero-feats{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:10px;max-width:1000px;margin:20px auto 0;padding:0}
.hero-feats li{min-width:0}
.hero-feats a{display:flex;align-items:center;gap:10px;height:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08);color:#f3ecd9;text-decoration:none;text-align:right;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .15s}
.hero-feats a:hover,.hero-feats a:focus{background:rgba(255,255,255,.15);border-color:var(--gold);color:#fff;transform:translateY(-2px)}
.hero-feats .ni{width:24px;height:24px;flex:none;fill:var(--gold)}
.hero-feats b{display:block;font-size:16px;line-height:1.3;color:#fff}
.hero-feats small{display:block;font-size:12px;line-height:1.3;color:rgba(243,236,217,.8)}
/* صف اللغات (كل لغة بعلمها) مكان الشرائح، وتحته سطر إحصاءات خفيف بلا مربعات */
.hero-langs{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:920px;margin:12px auto 0;padding:0}
.hero-langs a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.08);color:#f3ecd9;font-size:14px;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.hero-langs a:hover,.hero-langs a:focus{background:rgba(255,255,255,.16);border-color:var(--gold);color:#fff}
.flag{width:22px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.3)}
.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;margin:16px auto 0;font-size:14px;color:rgba(243,236,217,.85)}
.hero-stats a{color:inherit;text-decoration:none;padding:2px 6px;border-radius:6px}
.hero-stats a:hover,.hero-stats a:focus{color:#fff;background:rgba(255,255,255,.1)}
.hero-stats b{color:#fae6a0;font-weight:700}
.hero-stats i{display:inline-block;width:4px;height:4px;margin:0 6px;background:var(--gold);border-radius:50%;opacity:.8}
.hero-langs a.on{border-color:var(--gold);background:rgba(255,255,255,.18);color:#fff}
.dropdown-menu .flag{width:20px;height:13px;flex:none}
.tr-switch .dropdown-menu a,.tr-lang-sw .dropdown-menu a{display:flex;align-items:center;gap:8px;white-space:nowrap}
.tr-switch .dropdown-menu a span,.tr-lang-sw .dropdown-menu a span{unicode-bidi:isolate}
.ft-tr .flag,.tr-langs .flag{width:18px;height:12px;flex:none}
.ft-tr .tr-langs a,.tr-langs a{display:inline-flex;align-items:center;gap:7px}
.tr-lang-sw svg{width:16px;height:16px;vertical-align:-3px;fill:currentColor}
@media (max-width:767px){
  .hero-langs{gap:6px;margin-top:14px}
  .hero-langs a{padding:5px 10px 5px 8px;font-size:13px}
  .flag{width:20px;height:13px}
  .hero-stats{font-size:13px;margin-top:12px}
}
.hero-goto .btn{padding:5px 14px;font-size:15px;border-color:rgba(255,255,255,.25)}

/* السورة كاملة للقراءة: نص مصحفي متصل مضبوط الحواف بخط أكبر، بلا فواصل بين الآيات */
.read-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.read-meta{margin:0 0 6px;text-align:center;font-size:15px;color:var(--muted)}
/* شريط تقدم القراءة في صفحات السور كاملة: تدرج لوني ثابت على عرض الشاشة (زمرّدي عند البداية يميناً ← فيروزي ← ذهبي عند النهاية)
   يُكشف منه بقدر التقدم، فيتغير لون رأس الشريط كلما تقدم القارئ؛ وعلى رأسه نجمة ثمانية ذهبية متوهجة، وعند الختم يلمع الشريط وتنبض النجمة */
.rprog{position:fixed;top:0;right:0;left:0;height:6px;z-index:60;background:var(--rp-track);pointer-events:none}
.rprog-bar{position:absolute;inset:0;background:linear-gradient(90deg,var(--rp-c3),var(--rp-c2) 50%,var(--rp-c1));clip-path:inset(0 0 0 100%);transition:clip-path .12s linear}
.rprog-tip{position:absolute;top:50%;right:0;width:16px;height:16px;transform:translate(50%,-50%);opacity:0;transition:right .12s linear,opacity .3s}
.rprog.on .rprog-tip{opacity:1}
.rprog-tip::before,.rprog-tip::after{content:"";position:absolute;inset:3px;border-radius:2px;background:var(--rp-tip);box-shadow:0 0 0 1px var(--rp-ring),0 0 10px 2px var(--rp-glow)}
.rprog-tip::after{--r:45deg;transform:rotate(45deg)}
.rprog.done .rprog-bar{animation:rp-shine 1.5s ease-in-out 3}
.rprog.done .rprog-tip::before,.rprog.done .rprog-tip::after{animation:rp-pulse 1.1s ease-in-out 4}
@keyframes rp-shine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.7)}}
@keyframes rp-pulse{0%,100%{transform:scale(1) rotate(var(--r,0deg))}50%{transform:scale(1.55) rotate(var(--r,0deg))}}
@media (prefers-reduced-motion:reduce){.rprog-bar,.rprog-tip{transition:none}.rprog.done .rprog-bar,.rprog.done .rprog-tip::before,.rprog.done .rprog-tip::after{animation:none}}
.read-meta i{font-style:normal;color:var(--gold);margin:0 .25em}
.ayat.read-text{font-size:calc(2.2rem * var(--fz));line-height:2.05em;padding:20px 30px 24px;text-align:justify;text-align-last:center}
.read-text .sura-h{margin-bottom:.5em}
.read-text .basmala{margin:.15em 0 .45em}
.read-text .aya{color:var(--ayat-a);scroll-margin-top:16px}
.read-text .aya:target{color:var(--hi-tx)}
.read-text .aya:target+.nb .an{color:var(--an-cur-tx);background:var(--ayat-cur);border-color:var(--an-cur-b)}
.read-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}

/* صفحة التفاسير: بطاقة لكل تفسير (رقمه، اسمه، كتابه، مؤلفه) */
.tcards{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tcard{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 54px 12px 16px;border:1px solid var(--wellb);border-radius:10px;background:var(--btn1);color:inherit;text-decoration:none;box-shadow:var(--well-sh);transition:border-color .15s,transform .15s}
.tcard:hover,.tcard:focus{border-color:var(--gold);transform:translateY(-2px)}
.tcard .tc-n{position:absolute;right:13px;top:14px;min-width:28px;height:28px;line-height:24px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;color:var(--an-tx);border:2px double var(--gold);border-radius:50%;background:var(--num-bg)}
.tcard b{font-size:20px;line-height:1.4;font-weight:700;color:var(--head)}
.tcard i{font-style:normal;font-size:15px;line-height:1.5;color:var(--ink)}
.tcard small{font-size:13px;line-height:1.5;color:var(--sub)}
.tcard small span{color:var(--muted2)}

/* الانتقال إلى آية برقمها في صفحة السورة كاملة */
.goto-aya{display:inline-flex;align-items:center;gap:6px;margin:2px 0}
.goto-aya label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.goto-aya input{width:64px;font:inherit;font-size:15px;padding:4px 8px;border:1px solid var(--btnb);border-radius:5px;background:var(--field-bg);color:var(--ink);text-align:center}

/* صفحة التواصل: بطاقات القنوات ونموذج الرسالة */
.ccards{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.ccard{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:18px 14px;border:1px solid var(--wellb);border-radius:10px;background:var(--btn1);color:inherit;text-decoration:none;box-shadow:var(--well-sh);text-align:center;transition:border-color .15s,transform .15s}
.ccard:hover,.ccard:focus{border-color:var(--gold);transform:translateY(-2px)}
.ccard svg{width:36px;height:36px;fill:var(--acc)}
.ccard b{font-size:18px;color:var(--head)}
.ccard span{font-size:14px;color:var(--muted);direction:ltr}
.cform{max-width:780px;margin:0 auto}
.cform label{display:block;margin:0 0 12px;font-size:15px;color:var(--muted)}
.cform label small{font-size:13px}
.cform input,.cform select,.cform textarea{display:block;width:100%;margin-top:4px;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--btnb);border-radius:6px;background:var(--field-bg);color:var(--ink)}
.cform textarea{min-height:150px;resize:vertical;line-height:1.7}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.cbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 10px}
.social{margin:14px 0 0;text-align:center;font-size:15px;color:var(--muted)}
/* صفحة المصادر والتراخيص */
.srcs{max-width:900px;margin-left:auto;margin-right:auto}
.src-h{margin:26px 0 10px;padding-bottom:6px;font-size:20px;color:var(--head);border-bottom:1px solid var(--wellb)}
.src-list{list-style:none;margin:0;padding:0}
.src-list>li{margin:0 0 12px;padding:10px 14px;border:1px solid var(--wellb);border-inline-start:3px solid var(--gold);border-radius:8px;background:var(--btn1);font-size:16px;line-height:1.9}
.src-list>li>b{display:block;color:var(--head);font-size:17px}
.src-list small{font-size:14px;color:var(--muted)}
.src-books{margin:4px 0 0;font-size:15px;line-height:2;color:var(--sub)}
.src-books summary{cursor:pointer;color:var(--link);font-size:15px}
.src-books p{margin:4px 0 0}
.srcs-note{margin:0 0 12px;font-size:16px;line-height:1.9;color:var(--lead)}
.srcs bdi{white-space:nowrap}

/* بطاقة الآية: الحقائق ثم سبب النزول والغريب والناسخ مطوية */
/* بطاقة الآية: شرائح الحقائق ثم بنود مطوية (سبب النزول، غريب الكلمات، الناسخ والمنسوخ) بأيقونة ذهبية */
.card{padding:12px 18px 10px}
.aya-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.aya-meta li{padding:3px 12px;border:1px solid var(--wellb);border-radius:20px;background:var(--btn1);font-size:14px;line-height:1.6;white-space:nowrap;color:var(--sub)}
.aya-meta li b{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--head)}
.aya-meta li.tag{border-color:var(--gold);background:var(--num-bg);color:var(--an-tx);font-weight:700}
/* شريط علوم الآية: زر لكل علم بلونه وأيقونته يفتح لوحة واحدة محدودة الارتفاع، كتاب واحد في كل مرة بتبويبات */
.card{--ci-c:var(--gold);--ci-tx:var(--an-tx);--ci-bg:var(--num-bg)}
.ci-asbab{--ci-c:var(--c-asbab);--ci-tx:var(--c-asbab-tx);--ci-bg:var(--c-asbab-bg)}
.ci-hadith{--ci-c:var(--c-hadith);--ci-tx:var(--c-hadith-tx);--ci-bg:var(--c-hadith-bg)}
.ci-gharib{--ci-c:var(--c-gharib);--ci-tx:var(--c-gharib-tx);--ci-bg:var(--c-gharib-bg)}
.ci-mufradat{--ci-c:var(--c-muf);--ci-tx:var(--c-muf-tx);--ci-bg:var(--c-muf-bg)}
.ci-iraab{--ci-c:var(--c-iraab);--ci-tx:var(--c-iraab-tx);--ci-bg:var(--c-iraab-bg)}
.ci-qiraat{--ci-c:var(--c-qiraat);--ci-tx:var(--c-qiraat-tx);--ci-bg:var(--c-qiraat-bg)}
.ci-munasabat{--ci-c:var(--c-munasabat);--ci-tx:var(--c-munasabat-tx);--ci-bg:var(--c-munasabat-bg)}
.ci-ahkam{--ci-c:var(--c-ahkam);--ci-tx:var(--c-ahkam-tx);--ci-bg:var(--c-ahkam-bg)}
.ci-naskh{--ci-c:var(--c-naskh);--ci-tx:var(--c-naskh-tx);--ci-bg:var(--c-naskh-bg)}
.ci-mutashabih{--ci-c:var(--c-mut);--ci-tx:var(--c-mut-tx);--ci-bg:var(--c-mut-bg)}
.ci-waqf{--ci-c:var(--c-waqf);--ci-tx:var(--c-waqf-tx);--ci-bg:var(--c-waqf-bg)}
.ci-mushkil{--ci-c:var(--c-mushkil);--ci-tx:var(--c-mushkil-tx);--ci-bg:var(--c-mushkil-bg)}
.ci-mubhamat{--ci-c:var(--c-mubham);--ci-tx:var(--c-mubham-tx);--ci-bg:var(--c-mubham-bg)}
.ci-asma{--ci-c:var(--c-asma);--ci-tx:var(--c-asma-tx);--ci-bg:var(--c-asma-bg)}
.ci-shubuhat{--ci-c:var(--c-shub);--ci-tx:var(--c-shub-tx);--ci-bg:var(--c-shub-bg)}
.ci-israiliyyat{--ci-c:var(--c-isr);--ci-tx:var(--c-isr-tx);--ci-bg:var(--c-isr-bg)}
.ci-hidayat{--ci-c:var(--c-hid);--ci-tx:var(--c-hid-tx);--ci-bg:var(--c-hid-bg)}
.ci-tadabbur{--ci-c:var(--c-tad);--ci-tx:var(--c-tad-tx);--ci-bg:var(--c-tad-bg)}
.ci-sim{--ci-c:var(--c-muf);--ci-tx:var(--c-muf-tx);--ci-bg:var(--c-muf-bg)}
/* فلسفة الألوان: 10 صبغات متباعدة (30 درجة) لا يشترك في الصبغة الواحدة إلا زران بطرازين متضادين: ممتلئ داكن بنص أبيض، وفاتح مصبوغ بنص داكن وإطار؛
   وبين الزرين المتشاركين 3 أزرار فأكثر في الشريط. الأحمر محجوز لألوان التجويد */
.ci-hidayat,.ci-shubuhat,.ci-gharib,.ci-iraab,.ci-waqf,.ci-naskh,.ci-mutashabih,.ci-mubhamat,.ci-sim{--ci-fill:var(--ci-bg);--ci-ink:var(--ci-tx);--ci-ring:inset 0 0 0 1.5px var(--ci-c)}
/* زر الحديث أحمر «دم الغزال» في الوضعين (بطلب المستخدم) لا يشاركه أحد في صبغته */
:root[data-theme="dark"] .ci-btn.ci-hadith{background:#a3163b;color:#fff}
.ci-panel .simlist .txt{font-size:24px}
.ci-panel .status{margin:0 0 8px}
.ci-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
/* الأزرار ممتلئة بلون العلم الداكن (والفاتح في الوضع الداكن) لتلفت النظر، والمفتوح بحلقة بلونه */
.ci-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:0;border-radius:20px;background:var(--ci-fill,var(--ci-tx));color:var(--ci-ink,#fff);font-family:var(--ui);font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;box-shadow:var(--ci-ring,0 0 0 0 transparent),0 1px 3px rgba(0,0,0,.22);transition:filter .15s,box-shadow .15s,transform .15s}
:root[data-theme="dark"] .ci-btn{background:var(--ci-fill,var(--ci-c));color:var(--ci-ink,#0e1614)}
.ci-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ci-btn small{font-size:12px;font-weight:400;opacity:.85}
.ci-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.ci-btn[aria-expanded="true"]{box-shadow:var(--ci-ring,0 0 0 0 transparent),0 0 0 2px var(--well),0 0 0 4px var(--ci-tx)}
:root[data-theme="dark"] .ci-btn[aria-expanded="true"]{box-shadow:var(--ci-ring,0 0 0 0 transparent),0 0 0 2px var(--well),0 0 0 4px var(--ci-c)}
.ci-panel{margin:10px 0 0;border:1px solid var(--ci-c);border-right:4px solid var(--ci-c);border-radius:10px;background:var(--btn1);overflow:hidden}
.ci-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;background:var(--ci-bg);border-bottom:1px solid var(--wellb)}
.ci-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border:2px double var(--ci-c);border-radius:50%;background:var(--btn1);color:var(--ci-tx)}
.ci-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ci-head b{font-size:16px;color:var(--ci-tx)}
.cb-tabs{display:flex;flex-wrap:wrap;gap:6px}
.cb-tab{padding:2px 10px;border:1px solid var(--btnb);border-radius:14px;background:var(--btn1);color:var(--ink);font-family:var(--ui);font-size:13px;line-height:1.6;cursor:pointer}
.cb-tab.on{border-color:var(--ci-c);color:var(--ci-tx);font-weight:700;box-shadow:inset 0 0 0 1px var(--ci-c)}
.ci-x{flex:none;display:grid;place-items:center;width:30px;height:30px;margin-right:auto;padding:0;border:1px solid var(--btnb);border-radius:50%;background:var(--btn1);color:var(--muted);cursor:pointer}
.ci-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.ci-x:hover{color:var(--ink);border-color:var(--ci-c)}
/* لا overscroll-behavior:contain هنا: اللوحة داخل سياق الصفحة لا طبقة فوقها، فحبس التمرير فيها يجمّد الصفحة عند نهايتها */
.ci-body{max-height:min(55vh,460px);overflow:auto;padding:10px 16px 12px}
.ci-body .ci-more{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--wellb);font-family:var(--ui);font-size:14px;text-align:center}
.ci-body .ci-more a{color:var(--ci-tx);font-weight:700}
/* داخل اللوحة: كتاب واحد ظاهر، فوق نصه سطر المصدر (الكتاب والمؤلف والصفحة) */
.cb{display:none}
.cb.on{display:block}
.cb-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 6px;font-family:var(--ui);font-size:13px;color:var(--muted2)}
.cb-h b{font-size:15px;color:var(--ci-tx)}
.cb-txt{font-family:var(--body);font-size:calc(1.7rem * var(--fz));line-height:1.8;font-weight:700;color:var(--nass-tx)}
.cb-wait,.cb-err{font-family:var(--ui);font-size:14px;font-weight:400;color:var(--muted)}
.cb-err button{margin-right:6px}
/* بطاقة السورة (كتاب «البطاقات»): زر زمردي بحلقة ذهبية أول شريط البطاقة، ولوحة بثمانية عناصر مرقّمة؛ وصندوق مضمّن في صفحة السورة كاملة؛ وصفحة مستقلة */
.ci-sura{--ci-c:var(--gold);--ci-tx:var(--head);--ci-bg:var(--c-asbab-bg)}
.ci-btn.ci-sura,:root[data-theme="dark"] .ci-btn.ci-sura{background:var(--acc2);color:#fae6a0;box-shadow:inset 0 0 0 1.5px var(--gold),0 1px 3px rgba(0,0,0,.22)}
.ci-btn.ci-sura[aria-expanded="true"],:root[data-theme="dark"] .ci-btn.ci-sura[aria-expanded="true"]{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 2px var(--well),0 0 0 4px var(--gold)}
.bq-in{font-family:var(--body);font-size:calc(1.7rem * var(--fz));line-height:1.8;font-weight:700;color:var(--nass-tx)}
.bq-in.bq-wait,.bq-in.bq-err{font-family:var(--ui);font-size:14px;font-weight:400;color:var(--muted)}
.bq-in.bq-err button{margin-right:6px}
.bq-in .t3,.bq .t3{color:var(--t3)}
.bq-els{list-style:none;margin:0;padding:0}
.bq-el{padding:8px 0 10px;border-bottom:1px dashed var(--wellb)}
.bq-el:last-child{border-bottom:0}
.bq-el p{margin:0 0 .45em}
.bq-el p:last-child{margin-bottom:0}
.bq-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--ui);font-size:17px;font-weight:700;line-height:1.4;color:var(--head)}
.bq-h i{flex:none;display:grid;place-items:center;width:28px;height:28px;border:2px double var(--gold);border-radius:50%;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;color:var(--an-tx);background:var(--num-bg)}
.bq-fn{margin:10px 0 0;padding:8px 18px 0 0;border-top:1px solid var(--wellb);font-family:var(--ui);font-size:13.5px;font-weight:400;line-height:1.7;color:var(--t2)}
/* الآية المقتبسة في حاشية البطاقة بخط المتن: خط الواجهة لا يملك علامات الرسم العثماني (حاشية النور: ﴿إِنَّ ٱلَّذِينَ جَآءُو بِٱلۡإِفۡكِ﴾) */
.bq-fn .t3{font-family:var(--body);font-size:1.15em}
sup.fn{font-family:Arial,Helvetica,sans-serif;font-size:.6em;color:var(--t2)}
.bq-src{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--wellb);font-family:var(--ui);font-size:13px;font-weight:400;line-height:1.7;color:var(--muted)}
.bq-src a{color:var(--link)}
.bq-box{margin:0 0 10px}
.bq-btn .bi{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-inline-end:2px}
.bq .bq-h{font-size:19px}
.bq-about{font-size:15px}
/* الآيات المتشابهة */
.simlist,.mutlist{list-style:none;margin:0;padding:0}
.simlist li,.mut{padding:8px 0;border-bottom:1px solid var(--line)}
.simlist li:last-child{border-bottom:0}
.simlist .ref,.mut-src .ref{display:inline-block;margin-bottom:2px;font-size:15px;font-weight:700;text-decoration:none}
.mut-src small{color:var(--muted);font-size:13px;margin-right:6px}
.simlist .txt,.mut-src .txt{display:block;font-family:hafs,"Times","Traditional Arabic",Arial;font-size:26px;line-height:1.8;color:var(--ayat-tx);font-weight:400}
b.sim{font-weight:normal;color:var(--cur-tx);background:var(--cur-bg);border-radius:.25em;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mut-src{margin:0 0 4px}
.mut .simlist{margin-right:22px}
/* اقتباس كلمات الآية نفسها داخل التفسير */
/* .qa (المفسّر يقتبس كلمات الآية نفسها): كانت له خلفية صفراء فحُذفت بطلب صاحب الموقع (2026-09-23): يكفي لونه المميز */
/* قوائم علوم الآية وفهارسها */
.dropdown-menu .dropdown-header{padding:6px 18px 2px;font-size:13px;font-weight:700;color:var(--gold-tx);border-top:1px solid var(--line)}
.dropdown-menu .dropdown-header:first-child{border-top:0}
.tcard em.creed{font-style:normal;font-size:12px;color:var(--muted2)}
/* تنبيه مصدر «بصائر وبيان» (تدبرات الموقع، 2026-09-23): في بطاقته بمكتبة التدبر وفي رأس صفحته */
.tcard small.tc-nt{font-size:12.5px;line-height:1.65;color:var(--gold-tx)}
.bk-notice{max-width:46em;margin:.5em auto .3em;padding:.45em 1em;border:1px dashed var(--gold-line);border-radius:10px;text-align:center;font-size:14.5px;line-height:1.8;color:var(--gold-tx)}
.auth em.creed{font-style:normal;font-size:13px;color:var(--muted2)}
/* فهرس الكتاب المتفرق: شريط لكل سورة يُفتح على أرقام آياتها في شبكة منتظمة */
.sc-tools{display:flex;justify-content:center;gap:8px;margin:0 0 14px}
.sc{margin:0 0 8px;border:1px solid var(--wellb);border-radius:10px;background:var(--btn1);overflow:hidden;box-shadow:var(--well-sh);transition:border-color .15s}
.sc:hover,.sc[open]{border-color:var(--gold)}
.sc summary{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;list-style:none}
.sc summary::-webkit-details-marker{display:none}
.sc-n{flex:none;min-width:34px;height:34px;line-height:30px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;text-align:center;color:var(--an-tx);border:2px double var(--gold);border-radius:50%;background:var(--num-bg)}
.sc-t{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.sc-t b{font-size:18px;color:var(--head)}
.sc-t small{font-size:13px;color:var(--muted2)}
.sc-bar{flex:0 1 160px;height:6px;margin-right:auto;border-radius:3px;background:var(--line);overflow:hidden}
.sc-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(to left,var(--gold),var(--acc))}
.sc-tg{flex:none;width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.sc[open] .sc-tg{transform:rotate(45deg)}
.sc[open] summary{border-bottom:1px solid var(--wellb)}
.cov{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin:0;padding:12px 14px 14px}
.cov a{display:block;padding:4px 0;border:1px solid var(--btnb);border-radius:8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:center;text-decoration:none;color:var(--link);background:var(--btn1);transition:border-color .15s,background .15s}
.cov a:hover{border-color:var(--gold);background:var(--num-bg)}
details.about{margin:12px 0 0;text-align:right}
details.about summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:700;color:var(--head)}
details.about summary::-webkit-details-marker{display:none}
details.about summary::before{content:"+";flex:none;width:22px;height:22px;line-height:20px;border:1px solid var(--gold);border-radius:50%;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;color:var(--gold-tx)}
details.about[open] summary::before{content:"\2212"}
.about-txt{margin-top:8px;font-size:calc(1.05rem * var(--fz))}
/* التدبر */
.tad h2{margin:18px 0 8px;font-family:var(--ui);font-size:22px;color:var(--t4)}
.tad h2:first-child{margin-top:0}
.tad p,.tad li{margin:0 0 .6em}
.tad ul{margin:0 0 .6em;padding-right:1.4em}
.tad blockquote{margin:.4em 1em;padding:.2em 1em;border-right:3px solid var(--gold);color:var(--t2)}
.tad-teaser .lead{font-size:17px}
.tad-ayat{font-size:26px}
.tad-ayat .aya{color:var(--ayat-a)}

/* ترويسة فهرس التفسير */
.tcard-h{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 4px}
.tf-intro .auth{margin:0 0 4px;text-align:center;font-size:16px;color:var(--t3);font-weight:500}
.tf-intro .auth span{color:var(--muted2)}
.tcard-h .orn{width:34px;height:34px}
.tf-intro .page-h{margin:0;text-align:center}

/* التذييل */
/* التذييل: قاعدة زمرّدية بنقش نباتي خافت وخط ذهبي علوي؛ صف علوي (الهوية، الأقسام، التواصل)، ثم شبكتا الكتب، ثم شريط سفلي */
#ft{position:relative;margin-top:36px;background:var(--ft-bg);color:var(--ft-tx);overflow:hidden;font-size:15px}
#ft::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,transparent,var(--gold) 18%,#f1dfae 50%,var(--gold) 82%,transparent)}
.ft-in{position:relative;max-width:1180px;margin:0 auto;padding:38px 20px 18px}
.ft-top{display:grid;grid-template-columns:minmax(300px,1fr) 1.2fr;align-items:start;gap:28px 48px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
/* هوية الموقع في التذييل: النص أولاً ثم الشعار كبيراً تحته (يشغل الفراغ أسفل الفقرة) */
/* هوية التذييل وحدة واحدة: ختم الشعار ثم فاصل ذهبي ثم النص بمحاذاة طبيعية (لا توسيط) */
.ft-brand{display:flex;align-items:flex-start;gap:20px;text-align:start}
.ft-logo-w{position:relative;flex:none;display:grid;place-items:center;width:152px;height:152px;border-radius:50%;background:radial-gradient(circle,rgba(241,202,114,.18),rgba(241,202,114,.05) 55%,transparent 72%)}
/* <source> داخل <picture> عنصرُ شبكة بعرض كتلي في كروم: يأخذ صفاً أول خفياً يبتلع نصف الفراغ
   (17px 135px) فينزل الشعار عن مركز الدائرة 8.5px. إخفاؤه لا يمس اختيار المتصفح للصورة. */
.ft-logo-w>source{display:none}
.ft-logo-w::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(241,202,114,.38)}
.ft-logo-w::after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(241,202,114,.15)}
.ft-logo{display:block;width:118px;max-width:none;height:auto;margin:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.ft-brand>div{flex:1;min-width:0;max-width:none;padding-inline-start:20px;border-inline-start:1px solid rgba(241,202,114,.22)}
.ft-brand .ft-tag{margin:0 0 9px;font-size:16.5px;font-weight:600;line-height:1.75}
.ft-brand .pwa-btn{margin:14px 0 0}
.ft-name{margin:0;font-size:25px;font-weight:700;line-height:1.3;color:#fff}
.ft-tag{margin:2px 0 8px;font-size:15px;color:#f1ca72}
.ft-desc{margin:0;line-height:1.85}
#ft h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;color:#f1ca72}
#ft h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(227,196,112,.55),transparent)}
#ft h3 small{font-size:12px;font-weight:500;line-height:1.5;color:#0b3a27;background:#f1ca72;border-radius:10px;padding:1px 8px}
#ft ul{list-style:none;margin:0;padding:0}
#ft a{color:var(--ft-tx);text-decoration:none;transition:color .15s}
#ft a:hover,#ft a:focus{color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.ft-top nav.ft-col ul{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.ft-col li{margin:0 0 8px}
.ft-col li a::before{content:"";display:inline-block;width:6px;height:6px;margin-left:10px;border-radius:1px;background:var(--gold);transform:rotate(45deg);vertical-align:2px}
.ft-contact li a{display:inline-flex;align-items:center;gap:9px}
.ft-contact li a::before{display:none}
.ft-contact li a svg{width:18px;height:18px;flex:none;fill:var(--gold)}
.ft-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ft-social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#f1ca72;transition:background .15s,border-color .15s,transform .15s}
.ft-social a:hover,.ft-social a:focus{border-color:var(--gold);background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px);text-decoration:none}
.ft-social svg{width:18px;height:18px;fill:currentColor}
/* التفاسير والكتب صفوفاً أفقية بعرض التذييل كله (بلا شبكة علوم الآية) */
.ft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px 18px;font-size:14px}
.ft-grid li{min-width:0}
.ft-grid a{display:block;padding:2px 0;line-height:1.5}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:16px 0 0;font-size:13px;color:var(--ft-mut)}
.ft-bottom p{margin:0;line-height:1.7}
/* زرّا «للتواصل» و«إحصائيات الموقع» (نُقلا من الترويسة 2026-09-23) */
.ft-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#ft .ft-links a{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.06);font-size:14px;line-height:1.4;color:var(--ft-tx)}
#ft .ft-links a:hover,#ft .ft-links a:focus{border-color:var(--gold);background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.ft-links svg{width:17px;height:17px;flex:none;fill:#f1ca72}
.ft-up{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff!important;background:rgba(255,255,255,.05);white-space:nowrap}
.ft-up:hover,.ft-up:focus{border-color:var(--gold);background:rgba(255,255,255,.12);text-decoration:none!important}
.ft-up svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* فهرس التدبر: صفوف بعرض الصفحة مجمّعة بالسور */
.tad-sura{display:flex;align-items:center;gap:12px;margin:22px 0 10px;font-family:var(--ui);font-size:22px;font-weight:700;color:var(--head)}
.tad-sura:first-child{margin-top:0}
.tad-sura small{font-size:13px;font-weight:400;color:var(--muted2)}
.tad-sura::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(to left,var(--gold),transparent)}
.tad-rows{list-style:none;margin:0;padding:0}
.tad-rows li{margin:0 0 10px}
.tad-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:center;padding:12px 16px;border:1px solid var(--wellb);border-radius:10px;background:var(--btn1);color:inherit;text-decoration:none;box-shadow:var(--well-sh);transition:border-color .15s,transform .15s}
.tad-row:hover,.tad-row:focus{border-color:var(--gold);transform:translateY(-2px);text-decoration:none}
.tad-ref{padding:4px 14px;border:2px double var(--gold);border-radius:20px;font-family:var(--ui);font-size:14px;font-weight:700;white-space:nowrap;color:var(--an-tx);background:var(--num-bg)}
.tad-row b{display:block;font-size:20px;line-height:1.4;color:var(--head)}
.tad-x{display:block;margin-top:2px;font-size:15px;line-height:1.6;color:var(--ink)}
.tad-by{font-size:13px;line-height:1.5;white-space:nowrap;color:var(--sub)}
.tad-by span{color:var(--muted2)}
/* فهرس علوم الآية: شبكة واحدة مع شارة العلم على البطاقة وشريط ترشيح */
.gfilter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px}
.gfilter button{padding:6px 14px;border:1px solid var(--btnb);border-radius:20px;background:var(--btn1);color:var(--ink);font:inherit;font-size:15px;line-height:1.4;cursor:pointer;transition:border-color .15s}
.gfilter button:hover{border-color:var(--gold)}
.gfilter button.active{border-color:var(--gold);background:var(--num-bg);color:var(--an-tx);font-weight:700}
.gfilter button span{font-size:13px;color:var(--muted2)}
.tcard.tu{padding-right:16px}
.gtag{align-self:flex-start;margin:0 0 2px;padding:1px 10px;border:1px solid var(--gold);border-radius:20px;font-size:12px;line-height:1.6;color:var(--an-tx);background:var(--num-bg)}
/* علامة تخصص التفسير (بلاغة، أحكام، إعراب…) في القوائم والبطاقات */
/* سنة وفاة المفسر (أو إصدار التفسير الجماعي) شارة ذهبية موحدة في قائمة التفاسير وبطاقاتها (شكوى قراء 2026-09-26: الترتيب والتاريخ)؛
   والتفسير من «الأكثر قراءة» يحمل نجمة ذهبية في موضعه الزمني، وبطاقته في الفهرس بإطار ذهبي */
.yr{display:inline-block;margin-inline-start:6px;padding:0 7px;border:1px solid var(--gold);border-radius:10px;font-family:var(--ui);font-size:12px;font-style:normal;font-weight:700;line-height:1.7;color:var(--an-tx);background:var(--num-bg);white-space:nowrap;vertical-align:middle}
.dropdown-menu .active .yr{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}
.dropdown-menu .disabled .yr{opacity:.55}
.dropdown-menu a .st{color:var(--gold);font-size:12px;margin-inline-start:4px}
.tf-switch .dropdown-menu{min-width:300px;max-height:420px}
/* رأس بطاقة التفسير صف مرن: الاسم يأخذ ما بقي والسنة بعده، فلا تقع السنة فوق الاسم مهما طال؛ وشارة القسم في سطر ثابت تحته (كانت في آخر
   الاسم فتختفي تحت السنة إن قصر وتنزل سطراً إن طال: شكوى صاحب الموقع 2026-09-27) */
.tc-hd{display:flex;align-items:flex-start;gap:8px}
.tc-hd b{flex:1;min-width:0}
.tcard .yr{flex:none;align-self:flex-start;margin:3px 0 0;font-size:13px;padding:1px 9px}
.tc-tg{display:flex;margin:0 0 2px}
.tc-tg .mark{margin:0}
.tcard.top{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),var(--well-sh)}
.tcard.top .tc-n{background:var(--gold);color:#0b3a27;border-color:var(--gold)}
.tcards+.sec-h,.tcards+h2.era-h{margin-top:22px}
.era-h{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-family:var(--ui);font-size:18px;font-weight:700;color:var(--head)}
.era-h small{font-size:13px;font-weight:400;color:var(--muted2)}
.era-h::after{content:"";flex:1;height:1px;background:var(--line)}
.mark{display:inline-block;margin:0 4px;padding:0 8px;border:1px solid var(--gold);border-radius:12px;font-family:var(--ui);font-size:11px;font-style:normal;font-weight:700;line-height:1.8;vertical-align:middle;white-space:nowrap;color:var(--an-tx);background:var(--num-bg)}
.dropdown-menu .active .mark{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}
.tcard b .mark{font-size:11px}
.tcards>li[hidden]{display:none}
/* صفحة التفاسير: لكل قسم لونه (2026-09-28، طلب صاحب الموقع: «بطاقة كل قسم تظهر بنفس الشكل ولا تمييز»). الأكثر قراءة ذهبي، ثم لكل عصر
   لون: زمردي مزرق، لازوردي، بنفسجي، فيروزي، زيتوني. اللون في شريط البطاقة ورقمها واسم الكتاب وعنوان القسم وخلفية خفيفة؛ بلا أحمر */
.era-top{--ec:#d8a455;--ec-tx:#7a5118;--ec-bg:#fdf3dc;--ec-on:#0b3a27}
.era-1{--ec:#0f766e;--ec-tx:#0b5a54;--ec-bg:#e1f3f0}
.era-2{--ec:#3b5ba9;--ec-tx:#2a4280;--ec-bg:#e5ebfa}
.era-3{--ec:#7a4fa3;--ec-tx:#57337a;--ec-bg:#efe6f9}
.era-4{--ec:#1d7a9c;--ec-tx:#0f566f;--ec-bg:#e0f1f7}
.era-5{--ec:#6f7d1c;--ec-tx:#4a5410;--ec-bg:#f0f3d9}
:root[data-theme="dark"] [class*="era-"]{--ec-on:#08140f}
:root[data-theme="dark"] .era-top{--ec:#d8a455;--ec-tx:#f1ca72;--ec-bg:rgba(216,164,85,.13)}
:root[data-theme="dark"] .era-1{--ec:#2aa79b;--ec-tx:#7fdcd2;--ec-bg:rgba(42,167,155,.13)}
:root[data-theme="dark"] .era-2{--ec:#6f8fe0;--ec-tx:#adc0f5;--ec-bg:rgba(111,143,224,.14)}
:root[data-theme="dark"] .era-3{--ec:#a67fd0;--ec-tx:#d2b8f0;--ec-bg:rgba(166,127,208,.14)}
:root[data-theme="dark"] .era-4{--ec:#4aa8c9;--ec-tx:#9bd5ea;--ec-bg:rgba(74,168,201,.13)}
:root[data-theme="dark"] .era-5{--ec:#a3b33a;--ec-tx:#d2dd86;--ec-bg:rgba(163,179,58,.13)}
.era-h[class*="era-"]{color:var(--ec-tx)}
.era-h[class*="era-"]::before{content:"";flex:none;width:11px;height:11px;margin:0 3px;border-radius:2px;background:var(--ec);transform:rotate(45deg)}
.era-h[class*="era-"]::after{height:2px;border-radius:2px;background:linear-gradient(to left,var(--ec),transparent)}
.era-h[class*="era-"] small{color:var(--sub)}
.tcards[class*="era-"] .tcard{border-right:5px solid var(--ec);background:linear-gradient(to left,var(--ec-bg),var(--btn1) 62%)}
.tcards[class*="era-"] .tcard b{color:var(--ec-tx)}
.tcards[class*="era-"] .tcard .tc-n{color:var(--ec-tx);border-color:var(--ec);background:var(--btn1)}
/* سنة الوفاة بارزة: شارة ممتلئة بلون القسم وخط أكبر (طلب صاحب الموقع: «مهم جداً أن يكون التاريخ بارزاً») */
.tcards[class*="era-"] .tcard .yr{margin:1px 0 0;padding:3px 13px;border:0;border-radius:999px;background:var(--ec);color:var(--ec-on,#fff);font-family:var(--ui);font-size:15.5px;font-weight:700;line-height:1.6;letter-spacing:0;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.tcards[class*="era-"] .tcard:hover,.tcards[class*="era-"] .tcard:focus{border-color:var(--ec);box-shadow:0 8px 20px rgba(0,0,0,.10)}
.tcards[class*="era-"] .tcard.top{border-color:var(--ec);box-shadow:var(--well-sh)}
.tcards[class*="era-"] .tcard.top .tc-n{background:var(--ec);color:#fff;border-color:var(--ec)}
.tcards.era-top .tcard.top .tc-n{color:#0b3a27}
/* صفحة التفاسير: بلا صفوف ناقصة وبلا تمرير طويل (2026-09-28، شكوى صاحب الموقع: «أصبحوا في كل صف 5 وهناك فراغات»، وطلبه تقليل التمرير).
   «الأكثر قراءة» 12: أعمدتها 4 ثم 3 ثم 2 ثم 1 (كلها تقسم 12). أقسام العصور: صفوف مرنة يتمدد آخرها فيملأ العرض، وبطاقاتها مختصرة
   (الرقم والاسم وسنة الوفاة) يفصّلها زر «عرض مفصّل». وشريط تنقل بين الأقسام بأعدادها */
.tcards.era-top{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1099px){.tcards.era-top{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.tcards.era-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){.tcards.era-top{grid-template-columns:minmax(0,1fr)}}
.tcards[class*="era-"]:not(.era-top){display:flex;flex-wrap:wrap;gap:10px}
.tcards[class*="era-"]:not(.era-top)>li{flex:1 1 300px;min-width:0;max-width:100%}
/* اسم الكتاب واسم المؤلف ظاهران بوضوح في كل بطاقة (طلب صاحب الموقع: قد يعرف الزائر الكتاب باسمه الآخر أو باسم مؤلفه) */
.tcards[class*="era-"] .tcard>i{font-size:15.5px;line-height:1.65;font-weight:500;color:var(--ink)}
.tcards[class*="era-"] .tcard>i::before{content:"الكتاب: ";font-size:12.5px;font-weight:700;color:var(--ec-tx)}
.tcards[class*="era-"] .tcard>small{font-size:14px;line-height:1.65;color:var(--lead)}
.tcards[class*="era-"] .tcard>small::before{content:"المؤلف: ";font-size:12.5px;font-weight:700;color:var(--ec-tx)}
.tcards[class*="era-"] .tcard>small span{color:var(--sub);white-space:nowrap}
.tcards.cmp>li{flex-basis:215px}
.tcards.cmp .tcard{flex-direction:row;align-items:center;gap:8px;padding:8px 48px 8px 10px;border-radius:9px}
.tcards.cmp .tcard .tc-n{top:50%;margin-top:-14px}
.tcards.cmp .tcard .tc-hd{flex:1;min-width:0;align-items:center}
.tcards.cmp .tcard b{font-size:16.5px;line-height:1.5}
.tcards.cmp .tcard .yr{margin:0;padding:2px 11px;font-size:14.5px}
.tcards.cmp .tcard>i,.tcards.cmp .tcard>small,.tcards.cmp .tcard>.tc-tg{display:none}
.tcards.cmp:not(.era-top) .tcard.top::after{top:3px;right:30px}
.era-h{scroll-margin-top:84px}
.era-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 6px}
.era-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:3px 14px;border:1px solid var(--ec);border-radius:999px;background:var(--ec-bg);color:var(--ec-tx);font-family:var(--ui);font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}
.era-chip b{min-width:22px;padding:0 6px;border-radius:999px;background:var(--ec);color:var(--ec-on,#fff);font-size:12.5px;line-height:1.7;text-align:center}
.era-chip:hover,.era-chip:focus-visible{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.era-tog{min-height:36px;padding:3px 14px;border:1px solid var(--btnb);border-radius:999px;background:var(--btn1);color:var(--btntx);font:inherit;font-family:var(--ui);font-size:14px;font-weight:700;cursor:pointer}
.era-tog:hover,.era-tog:focus-visible{border-color:var(--gold)}
.era-tog[hidden]{display:none}
/* شريط أدوات صفحة التفاسير (tafasir.js): أربعة أسطر مرتبة بدل صفوف الأزرار المتكسرة (2026-09-29):
   البحث وزرا العرض، ثم شريط العصور سطراً واحداً، ثم قائمتا المنهج والتغطية، ثم العدد وإزالة التصفية */
.tcards[hidden],.era-h[hidden],.era-nav[hidden],.tf-tools[hidden]{display:none!important}
.tf-tools{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px;padding:12px;border:1px solid var(--wellb);border-radius:14px;background:var(--btn2)}
.tf-top{display:flex;align-items:stretch;gap:8px}
.tf-q{flex:1;display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0 14px;border:1px solid var(--btnb);border-radius:11px;background:var(--field-bg);color:var(--search-ico)}
.tf-q:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(15,107,69,.16)}
.tf-q svg{width:19px;height:19px;flex:none;fill:currentColor}
.tf-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-family:var(--ui);font-size:16px;line-height:2.4}
.tf-view{display:flex;flex:none;gap:2px;padding:3px;border:1px solid var(--btnb);border-radius:11px;background:var(--btn1)}
.tf-view button{display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-family:var(--ui);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.tf-view button svg{width:15px;height:15px;flex:none;fill:currentColor}
.tf-view button:hover{color:var(--head)}
.tf-view button.on{background:var(--acc);color:#fff}
/* العصور: سطر واحد مقطّع لا يتكسر؛ لكل عصر نقطة بلونه، والمختار يمتلئ بلونه؛ وفي الشاشة الضيقة ينزلق أفقياً */
.tf-eras{display:flex;gap:4px;padding:4px;overflow-x:auto;scrollbar-width:none;border:1px solid var(--btnb);border-radius:12px;background:var(--btn1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.tf-eras::-webkit-scrollbar{display:none}
.tf-era{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--btntx);font:inherit;font-family:var(--ui);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;scroll-snap-align:center;transition:background .15s,color .15s}
.tf-era::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ec)}
.tf-era[data-tf-e=""]{--ec:var(--acc);--ec-on:#fff}
.tf-era[data-tf-e=""]::before{display:none}
.tf-era b{font-size:12px;font-weight:700;color:var(--muted2)}
.tf-era:hover{background:var(--ec-bg,var(--btn2))}
.tf-era.on{background:var(--ec);color:var(--ec-on,#fff)}
.tf-era.on::before{background:currentColor;opacity:.8}
.tf-era.on b{color:inherit;opacity:.85}
/* المنهج والتغطية: قائمتان متجاورتان، والمختار فيها يُبرز إطارها */
.tf-sel{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tf-dd{position:relative;display:flex;align-items:center;min-width:0;margin:0;border:1px solid var(--btnb);border-radius:11px;background:var(--btn1);font-family:var(--ui);font-weight:400;transition:border-color .15s}
.tf-dd>span{flex:none;align-self:stretch;display:flex;align-items:center;padding:0 12px 0 10px;border-left:1px solid var(--btnb);font-size:13px;font-weight:700;color:var(--sub)}
.tf-dd select{flex:1;min-width:0;height:40px;padding:0 10px 0 30px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-family:var(--ui);font-size:14px;font-weight:700;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;cursor:pointer}
.tf-dd select option{background:var(--well);color:var(--ink);font-weight:400}
.tf-dd::after{content:"";position:absolute;left:13px;top:50%;width:7px;height:7px;margin-top:-6px;border:solid var(--muted);border-width:0 0 2px 2px;transform:rotate(-45deg);pointer-events:none}
.tf-dd:hover{border-color:var(--gold)}
.tf-dd:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(15,107,69,.16)}
.tf-dd.on{border-color:var(--acc)}
.tf-dd.on>span{color:var(--acc-hi)}
/* العدد، وزر إزالة التصفية الظاهر عند التصفية وحدها */
.tf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.tf-foot:not(:has(.tf-cnt:not(:empty))):not(:has(.tf-reset:not([hidden]))){display:none}
.tf-cnt{margin:0;text-align:center;font-family:var(--ui);font-size:14px;font-weight:700;color:var(--head)}
.tf-cnt:empty{display:none}
.tf-cnt.none{padding:8px 10px;color:var(--sub);font-weight:400}
.tf-reset{padding:3px 12px;border:1px solid var(--btnb);border-radius:999px;background:transparent;color:var(--sub);font:inherit;font-family:var(--ui);font-size:13px;font-weight:700;cursor:pointer}
.tf-reset:hover,.tf-reset:focus-visible{border-color:var(--gold);color:var(--head)}
.tf-reset[hidden]{display:none}
@media (max-width:600px){
  .tf-tools{gap:8px;padding:10px}
  .tf-view button{padding:0 10px}
  .tf-view button span{display:none}
  .tf-era{flex:0 0 auto;padding:0 11px}
  .tf-dd>span{padding:0 10px 0 8px;font-size:12.5px}
  .tf-dd select{padding-left:26px;font-size:13.5px}
  .tf-dd::after{left:11px}
}
/* في قسم العصر: التفسير المختار يُعرف بنجمة ذهبية صغيرة عند رقمه */
.tcards[class*="era-"]:not(.era-top) .tcard.top::after{content:"★";position:absolute;right:36px;top:8px;font-size:13px;line-height:1;color:var(--gold)}

.pwa-btn{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 18px;border:1px solid var(--gold);border-radius:22px;font:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}
.pwa-btn:hover,.pwa-btn:focus{background:rgba(255,255,255,.16)}
.pwa-btn[hidden]{display:none}
.pwa-help{display:block;margin:7px 0 0;font-size:12.5px;color:rgba(255,255,255,.62)}
.pwa-help:hover{color:var(--gold)}
/* لوحة إرشاد التثبيت (تُبنى بالجافاسكربت عند تعذّر التثبيت التلقائي) */
.pwa-ov{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(6,14,11,.62);backdrop-filter:blur(2px)}
.pwa-card{position:relative;width:min(440px,100%);max-height:86vh;overflow:auto;padding:22px 22px 18px;border:1px solid var(--wellb);border-radius:18px;background:var(--well);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.pwa-card h2{margin:0 0 14px;font-size:19px;color:var(--head)}
.pwa-card ol{margin:0;padding:0 20px 0 0;list-style:none;counter-reset:s}
.pwa-card ol li{position:relative;margin:0 0 12px;padding:0 34px 0 0;font-size:15px;line-height:1.75;color:var(--lead);counter-increment:s}
.pwa-card ol li::before{content:counter(s);position:absolute;right:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-size:13px;line-height:24px;text-align:center}
.pwa-card b{color:var(--head)}
.pwa-why{margin:12px 0 0;padding:10px 12px;border-right:3px solid var(--gold-line);border-radius:0 10px 10px 0;background:var(--hr1);font-size:13px;line-height:1.7;color:var(--muted)}
.pwa-more{display:inline-block;margin:14px 0 0;font-size:14px;color:var(--link)}
.pwa-x{position:absolute;left:12px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:var(--hr1);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.pwa-x:hover{background:var(--acc);color:#fff}
/* صفحة «تثبيت التطبيق» */
.inst-cta{display:inline-flex;align-items:center;gap:9px;margin:4px auto 6px;}
.inst .inst-cta{display:flex;width:fit-content}
.inst-note{margin:0 auto 22px;max-width:520px;text-align:center;font-size:13.5px;color:var(--muted)}
.inst-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.inst-card{padding:18px;border:1px solid var(--wellb);border-radius:16px;background:var(--hr2)}
.inst-card h2{margin:0 0 12px;font-size:18px;color:var(--head)}
.inst-steps{margin:0;padding:0;list-style:none}
.inst-steps li{display:flex;gap:10px;margin:0 0 11px;font-size:15px;line-height:1.7;color:var(--lead)}
.inst-steps li i{flex:0 0 24px;height:24px;margin-top:3px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-size:13px;line-height:24px;text-align:center}
.inst-steps b{color:var(--head)}
.inst-tip{margin:12px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}
.inst-h2{margin:26px 0 12px}
.inst-gain{margin:0;padding:0 20px 0 0;color:var(--lead);line-height:2}
.inst-foot{margin:18px 0 0;text-align:center;color:var(--muted)}
.tcards.flt{display:flex;flex-wrap:wrap;justify-content:center}
.tcards.flt>li{flex:0 1 270px;max-width:100%}
@media (max-width:767px){
  .sc-bar{display:none}
  .sc-t b{font-size:16px}
  .cov{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));padding:10px}
  .aya-meta li{padding:2px 10px;font-size:13px}
  .ci-btn{font-size:13px;padding:4px 10px}
  .ci-btn small{display:none}
  .ci-body{max-height:50vh}
  .bq-h{font-size:15px}
  .bq .bq-h{font-size:17px}
  .tad-row{grid-template-columns:1fr;gap:6px}
  .tad-ref{justify-self:start}
  .tad-by{white-space:normal}
  .tcards.flt>li{flex-basis:100%}
  .container{width:97%}
  /* الهاتف: الترويسة سطر واحد (كانت ثلاثة أسطر تطيل الصفحة، 2026-09-23): البيت أيقونة وحدها، والقائمة شرائح نصية بلا أيقونات
     و«السور» مختصرة، والبحث، ثم زر الوضع في آخر السطر؛ وإن ضاق الهاتف جداً مُرِّرت القائمة أفقياً بالإصبع ولا تنكسر أسطراً.
     (أول الشرائح وآخرها بهامش تلقائي: تتوسط حين تتسع، ويبقى أولها ظاهراً حين تُمرَّر) */
  .navbar-inner{flex-wrap:nowrap;justify-content:space-between;gap:5px;min-height:0;padding:7px 6px}
  .nav{flex:1 1 auto;min-width:0;width:auto;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nav::-webkit-scrollbar{display:none}
  .nav>li{flex:none}
  .nav>li:first-child{margin-inline-start:auto}
  .nav>li:last-child{margin-inline-end:auto}
  .nav .nav-x{display:none}
  /* الهاتف: الأيقونة فوق الاسم بحجم أصغر، والأقسام الخمسة في صف واحد على 375 نقطة */
  .nav>li>a{margin:0;padding:5px 7px 4px;gap:2px;font-size:11.5px;line-height:1.2;white-space:nowrap;border-radius:10px}
  .nav>li>a.ico::after{font-size:11.5px}
  .nav>li.active>a::before{bottom:0;width:18px;height:2.5px;margin-left:-9px}
  .theme-btn{position:static;flex:none;width:32px;height:32px}
  .tcard-h .orn{width:22px;height:22px}
  .tcard-h .page-h{font-size:22px}
  .cform .row{grid-template-columns:1fr}
  .nav .ni{width:20px;height:20px}
  .nav>li>a small{display:none}
  .brand{flex:none;justify-content:center;width:32px;height:32px;min-height:0;margin:0;padding:0;border-radius:50%}
  .brand span{display:none}
  .brand svg{width:18px;height:18px}
  .well{padding:10px}
  .ayat{font-size:26px;padding:12px 8px}
  /* الهاتف: ترويسة السورة الطويلة («سورة الأنبياء بأحكام التجويد») تلتف داخل الإطار بدل أن تخرج منه (كانت nowrap) */
  .ayat .sura-h{font-size:.92em;padding:.2em .6em}
  .ayat .sura-h a,.ayat .sura-h .in{white-space:normal;text-align:center;line-height:1.35}
  /* الهاتف: لا ضبط (justify) لنص السورة كاملة — سطور الهاتف قصيرة فيوسّع الضبط الفراغات بين الكلمات (شكوى القراء 2026-09-27)؛ محاذاة طبيعية إلى اليمين */
  .ayat.read-text{text-align:right;text-align-last:auto}
  .nass .nw{white-space:normal}
  .ayat.read-text{font-size:calc(1.7rem * var(--fz));line-height:1.95em;padding:12px 10px 16px}
  .read-nav{justify-content:center}
  .read-nav .btn-large{padding:8px 12px;font-size:16px}
  .alert{padding:8px 10px}
  .btn{font-size:15px}
  .btn-small{font-size:14px}
  .tf-switch .dropdown-toggle small{display:none}
  /* الهاتف (2026-09-27، بعد شكوى صاحب الموقع من الشريط المتمرِّر أفقياً الذي كان يقصّ القوائم المنسدلة فلا تظهر): ما فوق صندوق المصحف
     سطران بلا تمرير: الأول زر «استمع» ثم «بطاقة الموضع» (السورة والآية زرّان متلاصقان بعرض السطر)، والثاني شرائح مستديرة (الرواية،
     الترجمات، وفي «السورة كاملة» بطاقة السورة والانتقال إلى آية) تلتف إن ضاقت. مسار الصفحة مخفي (مكرر في الأزرار والترويسة).
     والقوائم نفسها تُفتح لوحةً سفلية (.sheet في app.js) لا قائمة منسدلة */
  .crumbs{display:none}
  .selectors{flex-wrap:wrap;gap:6px;padding:1px 0}
  .selectors>*{flex:none;order:2}
  .selectors::after{content:"";flex-basis:100%;height:0;order:1}
  .selectors .btn-group{margin:0}
  .selectors .en{display:none}
  .selectors .btn-play{order:-1;padding:4px 12px 4px 9px;gap:6px;font-size:15px;line-height:22px;white-space:nowrap;border-radius:10px}
  .selectors .btn-play .pi{width:22px;height:22px}
  /* بطاقة الموضع: زر السورة يأخذ ما بقي من السطر وزر الآية بجواره، بإطار واحد مستدير الطرفين؛ وفي «السورة كاملة» سهما السابقة والتالية حولهما */
  .selectors>.btn-group:not(.rw-switch):not(.tr-switch),.selectors>a.btn[title],.selectors>span.btn[aria-disabled]{order:0}
  .selectors>.btn-group:has([data-menu$=suras]){flex:1 1 auto;display:flex}
  .selectors>.btn-group:has([data-menu$=suras])>.dropdown-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:4px 10px;border-radius:0 10px 10px 0}
  .selectors>.btn-group:has([data-menu=ayat])>.dropdown-toggle{display:flex;align-items:center;gap:5px;min-height:34px;padding:4px 12px;margin-inline-start:-7px;border-radius:10px 0 0 10px;border-inline-start:0}
  .read-bar .selectors>.btn-group:has([data-menu$=suras])>.dropdown-toggle{border-radius:10px}
  .selectors .dropdown-toggle small{display:inline;font-size:12px;opacity:.75}
  .selectors>.btn-group:has([data-menu$=suras]) small{display:none}
  .selectors .dropdown-toggle strong{font-size:15px}
  .selectors>a.btn[title],.selectors>span.btn[aria-disabled]{padding:4px 10px;min-height:34px;display:inline-flex;align-items:center;border-radius:10px}
  /* شرائح السطر الثاني */
  .selectors .rw-switch .btn,.selectors .tr-switch .btn,.selectors .bq-btn,.selectors .goto-aya{padding:3px 12px;font-size:13.5px;line-height:22px;border-radius:20px;white-space:nowrap}
  .selectors .rw-switch .btn strong,.selectors .tr-switch .btn strong{font-size:13.5px}
  /* اسم الرواية مختصراً («حفص» بدل «حفص عن عاصم»): من data-short الذي يضبطه app.js */
  .selectors .rw-switch .btn strong.rw-name{font-size:0}
  .selectors .rw-name::before{content:attr(data-short);font-size:13.5px}
  .selectors .goto-aya{gap:6px;margin:0;border:1px solid var(--btnb);background:var(--btn1)}
  .selectors .goto-aya label{gap:4px}
  .selectors .goto-aya label small{display:inline;font-size:12px}
  .selectors .goto-aya input{width:48px;padding:1px 6px;font-size:14px;border-radius:12px}
  .selectors .goto-aya .btn{padding:0 8px;font-size:13px;line-height:22px;border-radius:12px}
  .selectors .bq-btn .bi{width:15px;height:15px}
  /* «السورة كاملة»: الشريط يلتف، وأدوات الخط والمشاركة سطر ثالث */
  .read-bar{flex-wrap:wrap;gap:6px}
  .read-bar .selectors{flex:1 1 100%}
  .read-bar .tools{flex:1 1 100%;justify-content:flex-start}
  .well[aria-label="اختيار السورة والآية والصفحة"]{padding:6px 8px;margin-bottom:10px}
  .hero{padding:18px 12px 24px}
  .hero-logo-wrap::before{width:230px;height:230px}
  /* الهاتف: بلاطات صغيرة (الأيقونة فوق الرقم والاسم) ثلاث في الصف ثم اثنتان في الوسط، وصف واحد للانتقال إلى الآية */
  .hero-feats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px;margin:12px auto 0}
  .hero-feats li{flex:0 0 calc(33.333% - 6px)}
  .hero-feats a{flex-direction:column;justify-content:center;gap:2px;padding:9px 4px 7px;text-align:center;border-radius:12px}
  .hero-feats span{min-width:0}
  .hero-feats b{font-size:13px;line-height:1.3;text-align:center}
  .hero-feats small{font-size:11px;text-align:center}
  .hero-feats .ni{width:22px;height:22px;margin-bottom:2px}
  .hero-goto{flex-wrap:nowrap;gap:6px;max-width:440px;margin:0 auto 2px}
  .hero-goto label{gap:4px;font-size:0}
  .hero-goto label:first-child{flex:1;min-width:0}
  .hero-goto select{width:100%;min-width:0;font-size:14px;padding:6px 4px}
  .hero-goto input{width:54px;font-size:14px;padding:6px 4px;text-align:center}
  .hero-goto .btn{padding:6px 10px;font-size:14px;white-space:nowrap}
  .hero h1{font-size:36px}
  .hero-logo{width:120px;margin-bottom:8px}
  .hero-title{width:min(297px,88vw)}
  .hero-tag{font-size:14px;margin-bottom:8px}
  .hero-aya{font-size:22px;line-height:1.8}
  .hero-search{padding:5px 6px 5px 10px;border-radius:10px}
  .hero-search input{font-size:16px;padding:8px 2px}
  .hero-search .btn{padding:7px 14px;font-size:15px}
  .tcard-h h3{font-size:21px}
  .ft-in{padding:26px 16px 14px}
  .ft-top{grid-template-columns:1fr;gap:22px 28px}
  .ft-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media print{
  /* الطباعة بألوان النسخة الفاتحة دائماً، ولو كان الزائر في الوضع الداكن */
  :root[data-theme="dark"]{color-scheme:light;--ink:#171d1a;--muted:#5b655f;--head:#0b4a31;--link:#0b5e3c;--ayat-tx:#1e3a8a;--ayat-a:#1e3a8a;--ayat-cur:#14802b;--hi-tx:#14802b;
    --nass-tx:#161c19;--t1:#1e4b80;--t2:#5f6963;--t3:#0b6b45;--t4:#7a5118;--an-tx:#7a5118;--an-bg:transparent;--cur-bg:#cfe9db;--cur-tx:#0b3a27;--hr1:#e2e6e3;--hr2:#fff}
  .no-print,.navbar,#ft,.crumbs,.btn,.tools{display:none!important}
  body{background:#fff;font-size:12pt}
  .container{width:100%}
  .well,.alert{border:0;background:#fff;box-shadow:none;padding:0}
}
@media (max-width:560px){
  .ft-top{grid-template-columns:1fr}
  .ft-top nav.ft-col ul{grid-template-columns:1fr}
  .ft-brand{flex-direction:column;gap:14px;text-align:center}
  .ft-logo-w{width:132px;height:132px}
  .ft-logo{width:102px}
  .ft-brand>div{padding:14px 0 0;border-inline-start:0;border-top:1px solid rgba(241,202,114,.22)}
  .ft-brand .pwa-btn{margin-inline:auto}
  .ft-name{font-size:22px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:4px 12px}
  .ft-bottom{justify-content:center;text-align:center}
}
/* قائمة اللغات (الكرة الأرضية) في الترويسة: منسدلة بأسماء اللغات بلغاتها والمترجم تحتها */
.navbar .nav>li.lang{position:relative}
.navbar .nav>li.lang .dropdown-menu{position:absolute;top:100%;right:0;min-width:240px;max-height:70vh;overflow:auto;margin-top:6px;padding:6px 0;background:var(--menu-bg,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:none;z-index:70;list-style:none;text-align:right}
.navbar .nav>li.lang.open .dropdown-menu{display:block}
.navbar .nav>li.lang .dropdown-menu a{display:flex;flex-direction:column;gap:2px;padding:8px 14px;color:var(--ink);text-decoration:none}
.navbar .nav>li.lang .dropdown-menu a:hover,.navbar .nav>li.lang .dropdown-menu a:focus{background:var(--hl-bg)}
.navbar .nav>li.lang .dropdown-menu a b{font-weight:600}
.navbar .nav>li.lang .dropdown-menu a small{font-size:12px;color:var(--muted)}
.tr-langs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.tr-langs a{display:inline-flex;padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px}
#ft .tr-langs a::before{display:none}
/* الترجمات في نهاية التذييل: صف أفقي واحد (عنوان ذهبي ثم شرائح اللغات الصغيرة) فوق الشريط السفلي */
.ft-tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px 0 6px;border-top:1px solid rgba(255,255,255,.12)}
.ft-tr-h{margin-left:6px;font-size:15px;font-weight:700;color:#f1ca72}
.ft-tr .tr-langs{gap:6px 6px}
.ft-tr .tr-langs a{padding:3px 11px;font-size:13.5px;line-height:1.6;border-radius:12px;color:var(--ft-tx);text-decoration:none;background:rgba(255,255,255,.05)}
.ft-tr .tr-langs a:hover,.ft-tr .tr-langs a:focus{color:#fff;border-color:#f1ca72;background:rgba(255,255,255,.12)}
.ft-top+.ft-tr{border-top:0;padding-top:16px}

/* الإبلاغ عن خطأ (assets/report.js): زر عائم زمرّدي بحلقة ذهبية أسفل يسار الشاشة، ولوحة جانبية لا تغطي النص:
   على الحاسوب تقف في الجهة اليسرى ويزاح المحتوى إلى اليمين، وعلى الهاتف ورقة سفلية قصيرة والصفحة تتمرر فوقها؛ وزر تصغير */
.rep-fab{position:fixed;left:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;font:inherit;font-size:14px;font-weight:500;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--acc-hi),var(--acc2));border:1px solid var(--gold);border-radius:30px;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 4px rgba(216,164,85,.16);transition:transform .15s,box-shadow .15s}
.rep-fab svg{width:20px;height:20px;fill:var(--gold);flex:none}
.rep-fab span{white-space:nowrap}
.rep-fab:hover,.rep-fab:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 6px rgba(216,164,85,.24)}
html.rep-open .rep-fab{display:none}
html.rep-open body{padding-left:392px;transition:padding .2s}
html.rep-open.rep-min body{padding-left:0}
.rep-panel{position:fixed;left:0;top:0;bottom:0;z-index:85;width:380px;max-width:100vw;display:flex;flex-direction:column;background:var(--well);border-right:1px solid var(--wellb);box-shadow:8px 0 30px rgba(0,0,0,.18)}
.rep-panel[hidden]{display:none}
.rep-h{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#fff;background:linear-gradient(135deg,var(--nav1),var(--nav2));border-bottom:2px solid var(--gold)}
.rep-h>svg{width:20px;height:20px;fill:var(--gold);flex:none}
.rep-h b{flex:1;font-size:16px;font-weight:700}
.rep-ib{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.rep-ib svg{width:16px;height:16px;fill:currentColor}
.rep-ib:hover{background:rgba(255,255,255,.22)}
.rep-f{flex:1;overflow:auto;padding:12px 14px 16px;font-size:14px;color:var(--ink)}
.rep-ref{margin:0 0 6px;font-size:13px;color:var(--muted)}
.rep-ref b{color:var(--head);font-weight:700}
.rep-tip{margin:0 0 12px;padding:8px 10px;font-size:12.5px;line-height:1.7;color:var(--sub);background:var(--btn2);border-radius:8px}
.rep-f label{display:block;margin:0 0 10px}
.rep-f label>span{display:block;margin:0 0 4px;font-weight:700;color:var(--head)}
.rep-f label em{font-style:normal;font-weight:400;font-size:12px;color:var(--muted2)}
.rep-f textarea,.rep-f input[type=text]{display:block;width:100%;font:inherit;font-size:14px;line-height:1.7;padding:7px 9px;border:1px solid var(--btnb);border-radius:8px;background:var(--field-bg);color:var(--ink);resize:vertical}
.rep-f textarea:focus,.rep-f input:focus{outline:2px solid var(--focus);outline-offset:1px}
.rep-selrow{margin:-4px 0 12px}
.rep-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* صور البلاغ (حتى 3): مصغّرات بزر حذف، وزرّا الإرفاق والتقاط الصفحة؛ واللوحة تقبل اللصق والسحب */
.rep-img{margin:0 0 12px;padding:9px 10px 8px;border:1px dashed var(--btnb);border-radius:10px;background:var(--btn2)}
.rep-img-l{display:block;margin:0 0 6px;font-weight:700;color:var(--head)}
.rep-img-l em{font-style:normal;font-weight:400;font-size:12px;color:var(--sub)}
.rep-img-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.rep-img-list:empty{display:none}
.rep-th{position:relative;width:84px;height:84px;border:1px solid var(--btnb);border-radius:8px;overflow:hidden;background:var(--field-bg);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.rep-th a{display:block;width:100%;height:100%}
.rep-th img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rep-th button{position:absolute;top:3px;left:3px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(10,30,22,.78);color:#fff;cursor:pointer}
.rep-th button::after{content:"";position:absolute;inset:-7px}
.rep-th button svg{width:14px;height:14px;fill:currentColor}
.rep-th button[disabled]{opacity:.45;cursor:default}
.rep-th button:hover,.rep-th button:focus-visible{background:#0a1e16;outline:2px solid var(--gold);outline-offset:1px}
.rep-img-row{display:flex;flex-wrap:wrap;gap:8px}
.rep-img-row .btn{display:inline-flex;align-items:center;gap:6px}
.rep-img-row .btn svg{width:17px;height:17px;fill:currentColor;flex:none}
.rep-img-row .btn[disabled]{opacity:.5;cursor:default}
.rep-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rep-img-tip{margin:7px 0 0;font-size:12px;line-height:1.7;color:var(--sub)}
.rep-img-st{margin:4px 0 0;font-size:12.5px;line-height:1.6;color:var(--sub)}
.rep-img-st:empty{display:none}
.rep-panel.rep-drop{outline:2px dashed var(--gold);outline-offset:-6px}
.rep-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}
.rep-st{font-size:13px;line-height:1.6;color:var(--sub)}
.rep-st a{color:var(--link)}
/* مصغّرة على الحاسوب: شريط صغير أسفل اليسار مكان الزر */
html.rep-min .rep-panel{top:auto;bottom:18px;left:18px;width:280px;border:1px solid var(--wellb);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.28)}
html.rep-min .rep-panel .rep-f{display:none}
html.rep-min .rep-h{border-bottom:0}
@media (max-width:767px){
  .rep-fab{left:12px;bottom:12px;padding:11px;border-radius:50%}
  .rep-fab span{display:none}
  .rep-fab svg{width:22px;height:22px}
  html.rep-open body{padding-left:0;padding-bottom:48vh}
  html.rep-open.rep-min body{padding-bottom:52px}
  .rep-panel{top:auto;right:0;width:auto;height:48vh;border-right:0;border-top:1px solid var(--wellb);border-radius:14px 14px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
  html.rep-min .rep-panel{bottom:0;left:0;right:0;width:auto;height:auto;border-radius:14px 14px 0 0}
}
/* الهاتف بالعرض: اللوحة أطول ليتسع حقل الصور */
@media (max-width:767px) and (max-height:480px) and (orientation:landscape){.rep-panel{height:72vh}html.rep-open body{padding-bottom:72vh}html.rep-open.rep-min body{padding-bottom:52px}.rep-th{width:64px;height:64px}}
@media print{.rep-fab,.rep-panel{display:none!important}}

/* الأحاديث في بطاقة الآية (hadith_records.mjs): المنظّف لا يُبقي إلا br وspan.t1-4، فالباب t4 سطراً مستقلاً، والمصدر t2 سطراً صغيراً،
   والحاشية الشارحة t1، والآيات t3؛ والمتن بحجم أصغر قليلاً من سائر البطاقة لطوله */
.ci-hadith .cb-txt{font-size:calc(1.5rem * var(--fz))}
.ci-hadith .cb-txt .t4{display:block;margin:10px 0 4px;font-family:var(--ui);font-size:.72em;line-height:1.7;color:var(--t4)}
.ci-hadith .cb-txt .t2{display:block;margin:6px 0 2px;font-family:var(--ui);font-size:.66em;font-weight:400;line-height:1.8;color:var(--muted);white-space:normal}
.ci-hadith .cb-txt .t1{display:block;font-size:.8em;font-weight:400;line-height:1.8;color:var(--sub)}
.ci-hadith .cb-txt .t3{color:var(--t3)}

/* اللوحة السفلية للقوائم على الهاتف (app.js: sheetOpen): القائمة المنسدلة نفسها تُنقل إلى لوحة تنزلق من أسفل الشاشة بصفوف تناسب الإصبع،
   مع مقبض وعنوان وزر إغلاق، وتبويبَي السورة/الآية، وبحث في القوائم الطويلة، وشبكة أرقام للآيات؛ وتُغلق بالضغط خارجها أو بمفتاح Esc */
.sheet-ov{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.sheet-ov.on{opacity:1;visibility:visible}
.sheet:focus{outline:none}
.sheet{position:absolute;left:0;right:0;bottom:0;max-height:82vh;max-height:82dvh;display:flex;flex-direction:column;background:var(--well);color:var(--ink);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.3);font-family:var(--ui);transform:translateY(100%);transition:transform .25s ease-out}
.sheet-ov.on .sheet{transform:none}
.sheet::before{content:"";flex:none;width:44px;height:5px;margin:8px auto 2px;border-radius:3px;background:var(--btnb)}
.sheet-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px 8px;border-bottom:1px solid var(--line)}
.sheet-h b{font-size:17px;color:var(--head)}
.sheet-x{flex:none;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--btnb);background:var(--btn1);color:var(--ink);font:400 20px/32px var(--ui);text-align:center;cursor:pointer}
.sheet-tabs{flex:none;display:flex;gap:6px;padding:8px 16px 0}
.sheet-tabs button{flex:1;padding:7px 0;border-radius:8px;font:700 14px var(--ui);color:var(--ink);background:var(--btn1);border:1px solid var(--btnb);cursor:pointer}
.sheet-tabs[hidden],.sheet-q[hidden]{display:none}
.sheet-tabs button.on{color:#fff;background:linear-gradient(to bottom,var(--acc-hi),var(--acc2));border-color:var(--acc2)}
.sheet-q{flex:none;margin:10px 16px 4px;padding:8px 12px;width:auto;font:inherit;font-size:16px;border:1px solid var(--btnb);border-radius:10px;background:var(--field-bg);color:var(--ink)}
.sheet-b{position:relative;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:6px 16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.sheet .dropdown-menu{position:static;display:block;min-width:0;max-height:none;height:auto;overflow:visible;margin:0;padding:0;background:transparent;border:0;box-shadow:none;font-size:16px}
.sheet .dropdown-menu a{padding:11px 8px;line-height:1.5;white-space:normal;border-bottom:1px solid var(--line);border-radius:0}
.sheet .dropdown-menu .active>a{border-radius:8px;border-bottom-color:transparent}
.sheet .dropdown-menu .dropdown-header{padding:12px 8px 4px;font-size:13px}
.sheet .dropdown-menu li[hidden]{display:none}
.sheet .dropdown-menu a .yr{font-size:12px}
/* شبكة أرقام الآيات (والصفحات): ستة في الصف، والحالية ذهبية */
.sheet-grid .dropdown-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding-top:4px}
.sheet-grid .dropdown-menu li{min-width:0}
.sheet-grid .dropdown-menu a{display:block;height:42px;padding:0;line-height:40px;text-align:center;font:700 15px Arial,Helvetica,sans-serif;color:var(--ink);background:var(--btn1);border:1px solid var(--btnb);border-radius:9px;overflow:hidden}
.sheet-grid .dropdown-menu a small{display:none}
.sheet-grid .dropdown-menu .active>a{color:#0b3a27;background:var(--gold);border-color:var(--gold)}
.sheet-grid .dropdown-menu .disabled>a{opacity:.35}
.sheet-pages .dropdown-menu{grid-template-columns:repeat(5,1fr)}
html.sheet-open,html.sheet-open body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.sheet,.sheet-ov{transition:none}}
@media print{.sheet-ov{display:none!important}}

/* التلاوة الصوتية (assets/audio.js): زر «استمع» في شريط الأدوات، وشريط مشغّل ثابت أسفل الشاشة بألوان الترويسة، والآية المقروءة مميزة */
/* زر «استمع للآية»: زر زمردي بأسلوب .btn-success وبحجم أزرار الصف (btn-small) وأيقونة تشغيل، وفي الترجمات دائرة زمردية صغيرة بجوار كل آية */
.btn-play{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 9px;font-size:15px;font-weight:700;line-height:22px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background:linear-gradient(to bottom,var(--acc-hi),var(--acc2));border:1px solid var(--acc2);border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn-play:hover,.btn-play:focus{color:#fff;background:var(--acc2)}
.btn-play[hidden]{display:none} /* الرواية بلا قارئ: audio.js يخفيه بالسمة، وdisplay:inline-flex كانت تغلبها */
.btn-play .pi{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#0b3a27}
.btn-play .pi svg{width:11px;height:11px;fill:currentColor;margin-inline-start:1px}
.tr-play{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-inline-end:8px;padding:0;vertical-align:middle;border:1px solid var(--acc2);border-radius:50%;background:linear-gradient(to bottom,var(--acc-hi),var(--acc2));color:#fff;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.tr-play svg{width:13px;height:13px;fill:currentColor;margin-inline-start:1px}
.tr-play:hover,.tr-play:focus-visible{background:var(--acc2)}
.tr-aya.playing .tr-play{background:var(--gold);border-color:var(--gold);color:#0b3a27}
.ap-bar{position:fixed;left:50%;bottom:0;z-index:78;width:min(720px,100%);transform:translateX(-50%);padding:10px 14px 8px;color:var(--navtx);text-align:center;
  background:linear-gradient(180deg,var(--nav1),var(--nav2));border-top:2px solid var(--gold);border-radius:14px 14px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.3)}
.ap-bar[hidden]{display:none}
.ap-ctl{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 0 8px}
.ap-opts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px}
.ap-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.ap-btn svg{width:18px;height:18px;fill:currentColor}
.ap-btn:hover,.ap-btn:focus-visible{background:rgba(255,255,255,.22)}
.ap-play{width:48px;height:48px;background:var(--gold);border-color:var(--gold);color:#0b3a27;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.ap-play svg{width:24px;height:24px}
.ap-play:hover,.ap-play:focus-visible{background:#fae6a0}
.ap-info{margin:0 36px 8px;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-sel{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:rgba(243,236,217,.85)}
.ap-sel select{font:inherit;font-size:13px;padding:3px 6px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(255,255,255,.1);color:#fff}
.ap-sel option{color:#222;background:#fff}
.ap-tg{padding:3px 10px;font:inherit;font-size:12.5px;line-height:1.5;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:14px;cursor:pointer}
.ap-tg[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#0b3a27}
.ap-x{position:absolute;top:8px;inset-inline-end:10px;width:28px;height:28px;border-color:transparent;background:none}
.ap-prog{height:4px;margin:0 0 9px;background:rgba(255,255,255,.18);border-radius:2px;overflow:hidden}
.ap-fill{display:block;height:100%;width:0;background:var(--gold);transition:width .25s linear}
.ap-msg{margin:6px 0 0;font-size:13px;color:#f3ecd9}
.ap-msg a{color:#fae6a0;font-weight:700}
html.ap-open body{padding-bottom:calc(var(--ap-h,150px) + 12px)}
html.ap-open .rep-fab{bottom:calc(var(--ap-h,150px) + 14px)}
/* ما دام المشغّل مفتوحاً يتبع التمييز الآية المقروءة وحدها: تُحيَّد الآية المختارة (.cur) إن لم تكن هي المقروءة */
html.ap-open .ayat a.cur:not(.playing){color:var(--ayat-a)}
html.ap-open .ayat a.cur:not(.playing)+.nb .an{color:var(--an-tx);background:var(--an-bg);border-color:var(--gold)}
.ayat a.playing{color:var(--hi-tx)}
.ayat a.playing+.nb .an{color:var(--an-cur-tx);background:var(--ayat-cur);border-color:var(--an-cur-b)}
/* صفحات السور كاملة: الآية المقروءة بلون التمييز، وتحييد آية الوسم (#aya-N) ما دام المشغّل مفتوحاً */
.read-text .aya.playing{color:var(--hi-tx)}
.read-text .aya.playing+.nb .an{color:var(--an-cur-tx);background:var(--ayat-cur);border-color:var(--an-cur-b)}
html.ap-open .read-text .aya:target:not(.playing){color:var(--ayat-a)}
html.ap-open .read-text .aya:target:not(.playing)+.nb .an{color:var(--an-tx);background:var(--an-bg);border-color:var(--gold)}
.tr-aya.playing{outline:2px solid var(--gold);outline-offset:-2px}
@media (max-width:767px){
  .ap-bar{width:100%;border-radius:12px 12px 0 0;padding:8px 10px 6px}
  .ap-ctl{gap:14px;margin-bottom:6px}
  .ap-opts{gap:4px 6px}
  .ap-info{font-size:13px}
  .ap-sel span{display:none}
}
@media print{.ap-bar{display:none!important}}
@media (max-width:640px){.navbar .nav>li.lang .dropdown-menu{right:auto;left:0}}
/* المفردات في البطاقة: كلمات الآية أزراراً بخط المصحف، والنقر يفتح مادة المعجم تحت الكلمة؛ وصفحات مواد المعجم وفهرسها */
.dl{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.dl li{max-width:100%}
.dl li.on{flex-basis:100%}
.dw{display:inline-flex;align-items:baseline;gap:8px;padding:3px 12px 5px;border:1px solid var(--ci-c,var(--gold));border-radius:16px;color:var(--ink);text-decoration:none;font-family:hafs,"Traditional Arabic",serif;font-size:21px;line-height:1.5;background:var(--well);font-weight:400}
.dw small{font-family:var(--ui);font-size:12px;color:var(--muted)}
.dw:hover,.dw:focus,.dl li.on .dw{background:var(--ci-bg,var(--hl-bg));color:var(--ink);text-decoration:none}
.dw-txt{margin:8px 0 6px;padding:10px 14px;border-right:3px solid var(--ci-c,var(--gold));border-radius:8px;background:var(--well);font-size:17px;line-height:1.95}
.dict-entry{font-size:19px;line-height:2}
.dict-letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 16px}
.dict-letters a{display:inline-flex;min-width:34px;justify-content:center;padding:4px 8px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700}
.dict-sec h2{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-size:20px;color:var(--head)}
.dict-sec h2 small{font-size:12px;color:var(--muted)}
.dict-keys{list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0}
.dict-keys a{display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-size:16px}
@media (max-width:560px){
  .hero-logo-wrap{--orb:min(400px,97vw,52vh)}
  .hero-orbit .orb{width:34px;height:34px;margin:-17px 0 0 -17px}
  .hero-orbit .orb svg{width:17px;height:17px}
}
/* الشاشات القصيرة: يُضغط الهيرو حتى تظهر اللغات والإحصاءات في النظرة الأولى بلا تمرير */
@media (max-height:880px){
  .hero{padding-top:10px;padding-bottom:10px}
  .hero-tag{font-size:16px;margin-bottom:6px}
  .hero-aya{font-size:25px;line-height:1.75;margin-bottom:6px}
  .hero-search{margin-bottom:6px}
  .hero-goto{margin-bottom:4px}
  .hero-langs{margin-top:8px}
  .hero-langs a{padding:4px 9px 4px 8px;font-size:13px}
  .hero-stats{margin-top:6px}
}
@media (max-height:790px){
  .hero-logo-wrap{--orb:min(500px,92vw,55vh)}
  .hero-aya{font-size:23px;margin-bottom:5px}
  .hero-langs a{padding:3px 8px 3px 7px;font-size:12.5px}
  .hero-tag{font-size:15.5px}
}
/* ---------- صفحة الإحصائيات (2026-09-18) ----------
   شريط داكن بخلفية الهيرو ونقوشه نفسها (الصنف hero يعطيها)، فيه الأرقام الكبرى ومدار الأقسام حول الآيات وصف اللغات؛
   ثم أقسام في كتل عادية: تصوّر الحجم، وميداليات القرآن، وأشرطة أضخم الكتب. الأرقام مكتوبة كاملة في الصفحة وتتحرك من الصفر بـ app.js */
.st-hero{padding:26px 20px 30px}
.st-in{max-width:1000px}
.st-hero h1{font-size:44px;margin:0 0 8px}
.st-sub{max-width:700px;margin:0 auto 24px;font-size:16px;line-height:1.9;color:#e6dcc3}
.st-grand{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto 26px;padding:0}
.st-grand li{position:relative;padding:20px 14px 16px;border:1px solid rgba(241,202,114,.38);border-radius:16px;background:rgba(0,0,0,.24)}
.st-grand li::before{content:"";position:absolute;inset:6px;border:1px solid rgba(241,202,114,.14);border-radius:11px;pointer-events:none}
.st-grand b{display:block;font-size:56px;line-height:1.15;font-weight:700;color:#fae6a0;text-shadow:0 0 28px rgba(241,202,114,.35);font-variant-numeric:tabular-nums}
.st-grand i{display:block;margin-top:2px;font-size:17px;font-weight:700;font-style:normal;color:#fff}
.st-grand span{display:block;margin-top:6px;font-size:13.5px;line-height:1.7;color:#d9d0b8}
.st-grand small{display:block;margin-top:6px;font-size:12.5px;color:#cbb98a;font-variant-numeric:tabular-nums}
/* المدار: الآيات في المركز وقمر لكل قسم على حلقة نصف قطرها --r؛ العنصر li يدور إلى موضعه والقمر داخله يدور عكسه ليبقى معتدلاً */
.st-orbit{--r:min(300px,34vw);--sat:min(100px,21vw);position:relative;width:calc(var(--r) * 2 + var(--sat));height:calc(var(--r) * 2 + var(--sat));margin:8px auto 10px}
.st-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.st-ring-1{width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:1px solid rgba(241,202,114,.36)}
.st-ring-2{width:calc(var(--r) * 1.68);height:calc(var(--r) * 1.68);border:1px dashed rgba(241,202,114,.24);animation:st-spin 120s linear infinite}
.st-ring-3{width:calc(var(--r) * 1.06);height:calc(var(--r) * 1.06);border:1px solid rgba(241,202,114,.18);animation:st-spin 80s linear infinite reverse}
@keyframes st-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.st-core{position:absolute;left:50%;top:50%;width:calc(var(--r) * .86);height:calc(var(--r) * .86);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#fff;background:radial-gradient(circle,rgba(11,58,39,.95),rgba(8,48,31,.8) 58%,rgba(8,48,31,.25));box-shadow:0 0 0 1px rgba(241,202,114,.5),0 0 70px rgba(241,202,114,.22)}
.st-core b{font-size:clamp(28px,6vw,54px);font-weight:700;line-height:1.1;color:#fae6a0;text-shadow:0 0 24px rgba(241,202,114,.35);font-variant-numeric:tabular-nums}
.st-core span{margin-top:2px;font-size:17px;font-weight:700}
.st-core small{margin-top:3px;font-size:13px;color:#d9d0b8}
.st-sats{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.st-sats li{position:absolute;left:50%;top:50%;width:var(--sat);height:var(--sat);margin:calc(var(--sat) / -2) 0 0 calc(var(--sat) / -2);transform:rotate(calc(var(--i) * (360deg / var(--n)))) translateY(calc(var(--r) * -1))}
.st-sat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;height:100%;border-radius:50%;background:rgba(11,58,39,.88);border:1px solid rgba(241,202,114,.55);box-shadow:0 8px 22px rgba(0,0,0,.42);color:#fff;text-decoration:none;text-align:center;transform:rotate(calc(var(--i) * (-360deg / var(--n))));transition:box-shadow .2s,border-color .2s}
a.st-sat:hover,a.st-sat:focus{border-color:#fae6a0;box-shadow:0 8px 26px rgba(0,0,0,.5),0 0 0 5px rgba(241,202,114,.2);color:#fff;text-decoration:none}
.st-sat svg{width:19px;height:19px;fill:#f1ca72}
.st-sat.qiraat svg{fill:none;stroke:#f1ca72;stroke-width:2;stroke-linecap:round}
.st-sat b{font-size:clamp(17px,2.6vw,25px);line-height:1.1;color:#fae6a0;font-variant-numeric:tabular-nums}
.st-sat span{padding:0 7px;font-size:clamp(9.5px,1.6vw,12px);line-height:1.25;color:#e6dcc3}
.st-langs-h{margin:14px 0 0;font-size:15px;color:#fae6a0}
/* الأقسام تحت الشريط */
.st-sec{padding:22px 19px 20px}
.st-scale{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0;padding:0}
.st-scale li{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(216,164,85,.16),transparent 62%)}
.st-scale svg{grid-row:1/3;width:36px;height:36px;fill:var(--gold)}
.st-scale b{font-size:30px;line-height:1.15;font-weight:700;color:var(--head);font-variant-numeric:tabular-nums}
.st-scale b small{font-size:14.5px;font-weight:700;color:var(--gold-tx)}
.st-scale span{font-size:13.5px;line-height:1.6;color:var(--muted)}
/* ميداليات مستديرة بحلقة ذهبية مزدوجة كختم التذييل */
.st-ribbon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0}
.st-ribbon a,.st-ribbon .box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:138px;height:138px;border-radius:50%;text-align:center;text-decoration:none;color:var(--ink);background:var(--well);border:1px solid var(--gold-line);box-shadow:inset 0 0 0 5px var(--well),inset 0 0 0 6px rgba(216,164,85,.45);transition:transform .15s,box-shadow .15s}
.st-ribbon a:hover,.st-ribbon a:focus{transform:translateY(-3px);box-shadow:inset 0 0 0 5px var(--well),inset 0 0 0 6px var(--gold),0 8px 20px rgba(0,0,0,.14);text-decoration:none}
.st-ribbon svg{width:22px;height:22px;fill:var(--gold)}
.st-ribbon b{font-size:25px;line-height:1.15;font-weight:700;color:var(--head);font-variant-numeric:tabular-nums}
.st-ribbon span{padding:0 12px;font-size:12.5px;line-height:1.3;color:var(--muted)}
.st-ribbon-sm a,.st-ribbon-sm .box{width:170px;height:170px}
/* أضخم الكتب: رتبة في دائرة ذهبية وشريط يمتد إلى قيمته عند ظهوره (الصنفان st-anim وon من app.js؛ بلا جافاسكربت يظهر ممتداً) */
.st-bars{list-style:none;margin:0;padding:0}
.st-bars li{display:grid;grid-template-columns:34px minmax(130px,1.1fr) 2.4fr auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.st-bars li:last-child{border-bottom:0}
.st-bars .rk{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--num-bg);color:var(--an-tx);border:1px solid var(--gold-line);font-size:13px;font-weight:700}
.st-bars .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.st-bars .bar{height:12px;border-radius:7px;background:var(--line);overflow:hidden}
.st-bars .bar i{display:block;height:100%;width:var(--w);border-radius:7px;background:linear-gradient(90deg,var(--acc),var(--gold));transition:width 1.4s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 90ms)}
.st-bars.st-anim:not(.on) .bar i{width:0}
.st-bars .vl{white-space:nowrap;font-weight:700;color:var(--gold-tx);font-variant-numeric:tabular-nums}
.stat-note{margin:14px 0 4px;font-size:13.5px;color:var(--muted);text-align:center}
@media (prefers-reduced-motion:reduce){.st-ring-2,.st-ring-3{animation:none}.st-bars .bar i{transition:none}}
@media (max-width:640px){
  .st-hero{padding:20px 14px 24px}
  .st-hero h1{font-size:30px}
  .st-grand{grid-template-columns:1fr;gap:10px}
  .st-grand li{padding:14px 12px 12px}
  .st-grand b{font-size:42px}
  .st-ribbon a,.st-ribbon .box{width:108px;height:108px}
  .st-ribbon b{font-size:20px}
  .st-ribbon span{font-size:11.5px;padding:0 8px}
  .st-ribbon-sm a,.st-ribbon-sm .box{width:136px;height:136px}
  .st-bars li{grid-template-columns:30px 1fr auto;gap:6px 10px}
  .st-bars .bar{grid-column:1/-1}
}

/* دعوة التثبيت على الهاتف: ورقة سفلية هادئة تنزلق مرة واحدة، فوق شريط المشغّل إن كان ظاهراً */
.pwa-bar{position:fixed;z-index:55;right:10px;left:10px;bottom:calc(10px + var(--ap-h,0px));display:flex;align-items:center;gap:11px;
  padding:11px 13px;border:1px solid var(--wellb);border-radius:18px;background:var(--well);box-shadow:0 10px 30px rgba(0,0,0,.22);
  transform:translateY(130%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.3,1),opacity .35s}
.pwa-bar.on{transform:translateY(0);opacity:1}
.pwa-bar img{flex:none;border-radius:12px}
.pwa-bar-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pwa-bar-t b{font-size:15px;color:var(--head)}
.pwa-bar-t span{font-size:12.5px;color:var(--muted)}
.pwa-bar-go{flex:none;padding:8px 16px;border:0;border-radius:20px;background:var(--acc);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.pwa-bar-go:active{background:var(--acc2)}
.pwa-bar-x{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted2);cursor:pointer}
.pwa-bar-x:hover{background:var(--hr1)}
@media (min-width:768px){.pwa-bar{display:none}}
.pwa-bar-on .rep-fab{bottom:96px}
@media print{.pwa-bar{display:none}}

/* سطر المصادر في فهرس التفاسير (نُقل من تذييل كل صفحة) */
.src-note{margin:26px auto 0;max-width:880px;text-align:center;font-size:13px;line-height:1.8;color:var(--muted)}

/* رسوم صفحة التثبيت: محاكاة شريط المتصفح وقائمته (لا لقطات شاشة) */
.inst-fig{margin:0 0 16px}
.inst-ph{border:1px solid var(--wellb);border-radius:14px;background:var(--bg);overflow:hidden}
.inst-chrome{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--hr1);border-bottom:1px solid var(--wellb)}
.inst-ph-bot .inst-chrome{border-bottom:0;border-top:1px solid var(--wellb);order:2}
.inst-ph-bot{display:flex;flex-direction:column}
.inst-url{flex:1;min-width:0;padding:4px 10px;border-radius:12px;background:var(--well);font-size:12.5px;color:var(--muted);direction:ltr;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inst-hi{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--acc2);background:var(--gold);box-shadow:0 0 0 3px rgba(216,164,85,.28)}
.inst-hi svg{width:17px;height:17px}
.inst-list{margin:0;padding:6px;list-style:none;font-size:13.5px}
.inst-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;color:var(--muted)}
.inst-list li.on{background:var(--acc);color:#fff;font-weight:500}
.inst-list li.on svg{width:16px;height:16px;flex:none}
.inst-fig figcaption{margin:8px 2px 0;font-size:12.5px;line-height:1.7;color:var(--muted2)}

/* تنبيه «ضمن الآيات…» في رأس لوحة الكتاب: يُميَّز ليلفت النظر أن المادة على مجموعة */
.cb-h .cb-grp{color:var(--gold-tx);font-weight:500}
:root[data-theme="dark"] .cb-h .cb-grp{color:var(--gold-tx)}

/* ---------- الشجرة الإعرابية (تبويب في لوحة «إعراب الآية») ----------
   بيانات The Quranic Treebank (NoorBayan/Quranic، رخصة MIT)؛ الرسم في app.js (tbDraw) */
:root{--tb-o:#1f5fa0;--tb-j:#a06a1b;--tb-t:#7b4f9d;--tb-m:#0f6b45;
  --tb-x:#6b756f}
:root[data-theme="dark"]{--tb-o:#7fb2e6;--tb-j:#e0b062;--tb-t:#c39ede;--tb-m:#6fd3a5;
  --tb-x:#98a19b}
.irb{margin:2px 0 0}
.irb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.irb-hint{font-size:12.5px;color:var(--muted2)}
.irb-mode{display:inline-flex;gap:4px;background:var(--btn2);border:1px solid var(--btnb);border-radius:999px;padding:2px}
.irb-m{padding:2px 12px;border:0;border-radius:999px;background:none;color:var(--muted);font-family:var(--ui);font-size:12.5px;line-height:1.7;cursor:pointer}
.irb-m.on{background:var(--acc);color:#fff}
.irb-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.irb-sen{position:relative;border-top:1px dashed var(--line);padding-top:4px}
.irb-sen:first-child{border-top:0;padding-top:0}
.irb-snum{display:block;font-size:10.5px;color:var(--muted2);margin:2px 2px 0}
.irb-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:4px;direction:rtl}
.irb-canvas{display:inline-block;min-width:100%}
.irb-row{display:flex;flex-direction:row;align-items:flex-end;gap:20px;white-space:nowrap;padding:2px 4px 0}
.irb-w{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--tb-x);border-radius:7px;padding:1px 3px;transition:background .15s}
.irb-w:hover{background:var(--btn2)}
.irb-t{font-family:hafs,"Times","Traditional Arabic",Arial;font-size:26px;line-height:1.55em;color:inherit;white-space:nowrap;font-weight:400}
.irb-el .irb-t{font-family:var(--ui);font-size:13px;color:var(--muted2);border:1px dashed var(--btnb);border-radius:6px;padding:1px 8px}
.irb-segs{display:flex;gap:11px}
.irb-multi .irb-segs{border-top:1px solid var(--line);padding-top:3px;margin-top:1px}
.irb-s{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.irb-d{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.75}
.irb-s em{font-family:var(--ui);font-size:10.5px;font-style:normal;line-height:1.5;white-space:nowrap;color:inherit}
.irb .tc-o{color:var(--tb-o)}.irb .tc-j{color:var(--tb-j)}.irb .tc-t{color:var(--tb-t)}.irb .tc-m{color:var(--tb-m)}.irb .tc-x{color:var(--tb-x)}
.irb-svg{display:block;margin-top:3px}
.irb-a{fill:none;stroke:currentColor;stroke-width:1.6;opacity:.85}
.irb-o1{fill:currentColor;stroke:none}
.irb-o2{fill:currentColor;stroke:none}
.irb-l{font-family:var(--ui);font-size:11px;fill:currentColor;text-anchor:middle;paint-order:stroke;stroke:var(--well);stroke-width:4px;stroke-linejoin:round}

.irb-key{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;font-size:11.5px;color:var(--muted2)}
.irb-k{display:inline-flex;align-items:center;gap:5px}
.irb-k::before{content:"";width:14px;height:2px;border-radius:2px;background:currentColor}
.irb-key .tc-o{color:var(--tb-o)}.irb-key .tc-j{color:var(--tb-j)}.irb-key .tc-t{color:var(--tb-t)}.irb-key .tc-m{color:var(--tb-m)}
.irb-src{margin:8px 0 0;font-size:11.5px;color:var(--muted2)}
.irb-src a{color:var(--link)}
@media(max-width:700px){
  .irb-t{font-size:22px}
  .irb-row{gap:14px}
  .irb-segs{gap:9px}
  .irb-hint{display:none}
}

/* متابعة القراءة والعلامات (resume.js): زر «قراءاتي» أسفل اليمين ولوحته، وبطاقة «تابع من حيث توقفت» في الصفحات الجامعة، وشريط «توقفت عند الآية» */
.rd-fab{position:fixed;right:18px;bottom:18px;z-index:64;display:inline-flex;align-items:center;gap:8px;padding:10px 14px 10px 16px;border:1px solid rgba(216,164,85,.6);border-radius:999px;background:linear-gradient(135deg,var(--nav1),var(--nav2));color:#fff;font:inherit;font-family:var(--ui);font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .15s,box-shadow .15s}
.rd-fab svg{width:19px;height:19px;fill:var(--gold);flex:none}
.rd-fab:hover,.rd-fab:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 6px rgba(216,164,85,.24)}
html.rd-open .rd-fab,html.lb-pvopen .rd-fab,html.lb-lock .rd-fab{display:none}
html.ap-open .rd-fab{bottom:calc(var(--ap-h,150px) + 14px)}
.pwa-bar-on .rd-fab{bottom:96px}
.rd-panel{position:fixed;right:18px;bottom:18px;z-index:86;width:380px;max-width:calc(100vw - 24px);max-height:min(78vh,640px);display:flex;flex-direction:column;border:1px solid var(--wellb);border-radius:16px;background:var(--well);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.32);overflow:hidden;font-family:var(--ui)}
.rd-panel[hidden]{display:none}
html.ap-open .rd-panel{bottom:calc(var(--ap-h,150px) + 14px)}
.rd-h{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,var(--nav1),var(--nav2));border-bottom:2px solid var(--gold)}
.rd-h>svg{width:20px;height:20px;fill:var(--gold);flex:none}
.rd-h b{flex:1;font-size:16px;font-weight:700}
.rd-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.rd-x svg{width:16px;height:16px;fill:currentColor}
.rd-b{flex:1;overflow:auto;padding:12px 14px 14px;font-size:14px;line-height:1.7}
.rd-note{margin:0 0 10px;padding:8px 11px;border-radius:9px;background:var(--cur-bg);color:var(--cur-tx);font-weight:700}
.rd-now{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:10px 12px;border:1px dashed var(--gold);border-radius:11px;background:var(--btn2)}
.rd-now>span{flex:1;min-width:0;display:flex;flex-direction:column}
.rd-now b{font-size:15px;color:var(--head)}
.rd-now small{font-size:12.5px;color:var(--sub)}
.rd-now .btn{display:inline-flex;align-items:center;gap:6px;flex:none}
.rd-now .btn svg{width:15px;height:15px;fill:currentColor}
.rd-s{margin:14px 0 6px;padding:0 0 4px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;color:var(--head)}
.rd-g{margin:8px 0 4px;font-size:12.5px;font-weight:700;color:var(--gold-tx)}
.rd-e{margin:4px 0 8px;font-size:13px;line-height:1.8;color:var(--sub)}
.rd-act{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.rd-act .btn[disabled]{opacity:.5;cursor:default}
.rd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rd-it{display:flex;align-items:stretch;gap:4px;min-width:0}
.rd-it>a{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--wellb);border-radius:11px;background:var(--btn1);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.rd-it>a:hover,.rd-it>a:focus-visible{border-color:var(--gold);transform:translateY(-1px)}
.rd-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--nav1),var(--nav2));color:#f1ca72}
.rd-ic svg{width:19px;height:19px;fill:currentColor}
.rd-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.rd-tx b{font-size:15px;line-height:1.5;font-weight:700;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-tx small{font-size:12.5px;line-height:1.5;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-tx small i{font-style:normal;margin-inline-start:8px;color:var(--muted2)}
.rd-tx small i::before{content:"· "}
.rd-del{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;padding:0;border:1px solid var(--wellb);border-radius:10px;background:var(--btn2);color:var(--sub);cursor:pointer}
.rd-del svg{width:14px;height:14px;fill:currentColor}
.rd-del:hover,.rd-del:focus-visible{border-color:var(--gold);color:var(--head)}
.rd-card{margin:22px auto 0;padding:0 20px;max-width:1240px;box-sizing:border-box}
#cnt .container>.rd-card{margin:0 0 18px;padding:0;max-width:none}
.rd-card-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border:1px solid var(--gold);border-radius:16px;background:var(--well);box-shadow:var(--well-sh)}
.rd-card-h{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--ui);font-size:17px;font-weight:700;color:var(--head);white-space:nowrap}
.rd-card-h svg{width:20px;height:20px;fill:var(--gold)}
.rd-card .rd-list{flex:1 1 420px;flex-direction:row;flex-wrap:wrap;gap:8px}
.rd-card .rd-it{flex:1 1 240px}
.rd-all{min-height:38px;padding:4px 14px;border:1px solid var(--btnb);border-radius:999px;background:var(--btn1);color:var(--link);font:inherit;font-family:var(--ui);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.rd-all:hover,.rd-all:focus-visible{border-color:var(--gold)}
.rd-bar{position:fixed;left:50%;top:84px;z-index:66;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 12px 8px 8px;border:1px solid var(--gold);border-radius:999px;background:var(--well);color:var(--ink);font-family:var(--ui);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.rd-bar span{min-width:0}
.rd-bar b{color:var(--head)}
.rd-bar i{font-style:normal;font-size:12.5px;color:var(--muted2)}
.rd-bar .rd-del{width:32px;height:32px;border-radius:50%}
.aya.rd-here{background:var(--hl-bg);border-radius:6px;box-shadow:0 0 0 4px var(--hl-bg);color:#171d1a}
@media (max-width:767px){
  .rd-fab{right:12px;bottom:12px;padding:11px;border-radius:50%}
  .rd-fab span{display:none}
  .rd-fab svg{width:22px;height:22px}
  .rd-panel{right:0;left:0;bottom:0;width:auto;max-width:none;max-height:76vh;border-radius:16px 16px 0 0;border-width:1px 0 0}
  html.ap-open .rd-panel{bottom:0}
  .rd-card{padding:0 14px;margin-top:18px}
  .rd-card-in{padding:12px}
  .rd-card .rd-it{flex-basis:100%}
  .rd-bar{top:auto;bottom:70px;border-radius:14px;flex-wrap:wrap;justify-content:center}
  html.ap-open .rd-bar{bottom:calc(var(--ap-h,150px) + 70px)}
}
@media print{.rd-fab,.rd-panel,.rd-card,.rd-bar{display:none!important}}

/* صفحة سياسة الخصوصية privacy.html (2026-09-29): رأس بشارة، وبطاقات «باختصار»، وفهرس، وأقسام مرقّمة، وملخص إنجليزي */
.pv{max-width:920px;margin-left:auto;margin-right:auto;font-family:var(--ui)}
.pv [id]{scroll-margin-top:84px}
.pv-hero{text-align:center;padding:6px 0 4px}
.pv-badge{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 0 10px;border-radius:50%;background:linear-gradient(145deg,var(--acc-hi),var(--acc2));box-shadow:0 8px 22px rgba(15,107,69,.28),inset 0 0 0 3px rgba(216,164,85,.55)}
.pv-badge svg{width:34px;height:34px;fill:#fff}
.pv-hero .page-h{margin:0 0 6px}
.pv-hero .lead{max-width:640px;margin:0 auto 10px}
.pv-upd{display:inline-block;margin:0;padding:3px 14px;border:1px solid var(--gold-line);border-radius:999px;font-size:13.5px;font-weight:700;color:var(--gold-tx);background:rgba(216,164,85,.1)}
.pv h2{font-family:var(--ui)}
.pv-sum{margin:26px 0 8px}
.pv-sum>h2,.pv-toc>h2{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--head);text-align:center}
.pv-sum ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pv-sum li{position:relative;padding:16px 16px 14px;border:1px solid var(--wellb);border-radius:14px;background:var(--btn2);transition:transform .15s,box-shadow .15s,border-color .15s}
.pv-sum li:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.pv-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 8px;border-radius:12px;background:rgba(15,107,69,.1);color:var(--acc)}
.pv-ic svg{width:22px;height:22px;fill:currentColor}
.pv-sum b{display:block;margin:0 0 4px;font-size:16px;color:var(--head)}
.pv-sum p{margin:0;font-size:14.5px;line-height:1.85;color:var(--sub)}
.pv-toc{margin:22px 0 10px;padding:16px 18px 10px;border:1px solid var(--wellb);border-radius:14px;background:var(--well)}
.pv-toc ol{margin:0;padding:0 22px 0 0;columns:2;column-gap:28px;counter-reset:none}
.pv-toc li{margin:0 0 7px;break-inside:avoid;font-size:15px;color:var(--muted)}
.pv-toc a{color:var(--link);text-decoration:none}
.pv-toc a:hover,.pv-toc a:focus-visible{text-decoration:underline}
.pv-sec{padding:18px 0 4px;border-top:1px dashed var(--wellb)}
.pv-sec:first-of-type{border-top:0}
.pv-sec h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:20px;font-weight:700;color:var(--head)}
.pv-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:2px solid var(--gold);border-radius:50%;font-size:14px;font-weight:700;color:var(--gold-tx);background:rgba(216,164,85,.08)}
.pv-sec p,.pv-sec li{font-size:16px;line-height:2;color:var(--ink)}
.pv-sec p{margin:0 0 10px}
.pv-sec a{color:var(--link)}
.pv-list{margin:0 0 10px;padding:0;list-style:none}
.pv-list li{position:relative;padding-right:22px;margin:0 0 6px}
.pv-list li::before{content:"";position:absolute;right:4px;top:.85em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.pv-tw{overflow-x:auto;margin:4px 0 12px;border:1px solid var(--wellb);border-radius:12px}
.pv-table{width:100%;border-collapse:collapse;font-size:15px}
.pv-table th{padding:10px 14px;text-align:right;font-weight:700;color:var(--head);background:var(--btn2);border-bottom:1px solid var(--wellb)}
.pv-table td{padding:9px 14px;line-height:1.8;vertical-align:top;border-bottom:1px solid var(--wellb);color:var(--ink)}
.pv-table td:last-child{color:var(--sub);white-space:nowrap}
.pv-table tr:last-child td{border-bottom:0}
.pv-table tbody tr:nth-child(even) td{background:rgba(128,128,128,.04)}
.pv-note{padding:10px 14px;border-right:4px solid var(--gold);border-radius:8px;background:rgba(216,164,85,.09);font-size:15px!important;color:var(--ink)}
.pv-reach{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px;padding:0;list-style:none}
.pv-reach a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--btnb);border-radius:999px;background:var(--btn1);color:var(--btntx);font-size:15px;font-weight:700;text-decoration:none}
.pv-reach a:hover,.pv-reach a:focus-visible{border-color:var(--gold)}
.pv-reach svg{width:20px;height:20px;flex:none}
.pv-en{margin:26px 0 4px;padding:18px 20px 8px;border:1px solid var(--wellb);border-radius:14px;background:var(--btn2);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:left}
.pv-en h2{margin:0 0 6px;font-family:inherit;font-size:19px;font-weight:700;color:var(--head)}
.pv-en .pv-upd{margin:0 0 10px}
.pv-en p,.pv-en li{font-size:15px;line-height:1.75;color:var(--ink)}
.pv-en ul{margin:0 0 10px;padding-left:20px}
.pv-en li{margin:0 0 6px}
.pv-en a{color:var(--link)}
@media (max-width:600px){
  .pv-toc ol{columns:1}
  .pv-sum li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:start;padding:12px 14px}
  .pv-ic{grid-row:span 2;margin:2px 0 0}
  .pv-sum b{margin:0 0 2px}
  .pv-sec h2{font-size:18px}
  .pv-sec p,.pv-sec li{font-size:15.5px}
  .pv-table td:last-child{white-space:normal}
  .pv-en{padding:14px 14px 6px}
}
/* تنبيه الخصوصية في لوحة البلاغ */
.rep-pv{margin:-4px 0 10px;font-size:12.5px;line-height:1.7;color:var(--muted2)}
.rep-pv a{color:var(--link)}

/* مصحف الرواية بالصفحات quran/<rw>/mushaf/ (mushaf.mjs وmushaf.js، 2026-09-29): الصفحة صورة متجهة ورسوم خطها في glyphs.svg؛
   وحدات الرسم وحدات الخط (نحو 70 وحدة للبكسل على عرض 700) فسماكات الإطار بالمئات */
:root{--ms-paper:#fdfaf1;--ms-ink:#1a1a1a;--ms-fr:#f4ead2;--ms-sn:#20402f;--ms-hl:rgba(216,164,85,.28)}
:root[data-theme="dark"]{--ms-paper:#0f1512;--ms-ink:#ebe7df;--ms-fr:#16261e;--ms-sn:#f1ca72;--ms-hl:rgba(216,164,85,.24)}
.ms-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font-family:var(--ui)}
.ms-sel,.ms-go label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.ms-sel select,.ms-go input{font:inherit;font-size:14px;padding:4px 8px;border:1px solid var(--btnb);border-radius:8px;background:var(--field-bg);color:var(--ink)}
.ms-go{display:inline-flex;align-items:center;gap:6px;margin:0}.ms-go input{width:72px}
.ms-sheet{position:relative;max-width:760px;margin:0 auto;padding:14px 16px 8px;border:1px solid var(--wellb);border-radius:14px;background:var(--ms-paper);color:var(--ms-ink);box-shadow:0 10px 30px rgba(0,0,0,.08),inset 0 0 0 5px var(--ms-paper),inset 0 0 0 6px rgba(216,164,85,.45)}
.ms-head{display:flex;justify-content:space-between;margin:0 6px 6px;padding:0 0 6px;border-bottom:1px solid rgba(216,164,85,.45);font-family:var(--ui);font-size:14px;font-weight:700;color:var(--gold-tx)}
.ms-svg{display:block;width:100%;height:auto;overflow:visible;-webkit-user-select:none;user-select:none}
.ms-t{fill:currentColor}
.ms-fo{fill:var(--ms-fr);stroke:var(--gold);stroke-width:110}
.ms-fi{fill:none;stroke:var(--gold);stroke-width:45;opacity:.7}
.ms-fs{fill:var(--gold)}
.ms-sn{fill:var(--ms-sn)}
.ms-hit rect{fill:transparent;cursor:pointer;rx:260px}
.ms-hit rect.on{fill:var(--ms-hl)}
.ms-foot{margin:4px 0 0;text-align:center;font-family:var(--ui);font-size:13px;font-weight:700;color:var(--gold-tx)}
.ms-tip{margin:10px 0 0;text-align:center;font-family:var(--ui);font-size:13px;color:var(--muted)}
.ms-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 6px}
.ms-pop{position:absolute;right:50%;transform:translateX(50%);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:92%;padding:10px 38px 10px 14px;border:1px solid var(--gold-line);border-radius:12px;background:var(--well);color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.2);font-family:var(--ui);font-size:14px}
.ms-pop b{color:var(--head)}
.ms-x{position:absolute;top:4px;left:8px;border:0;background:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.ms-text{max-width:760px;margin:14px auto 0;font-family:var(--ui)}
.ms-text summary{cursor:pointer;text-align:center;font-weight:700;color:var(--link)}
.ms-tx{margin:10px 0 0;font-family:'kfgqpc-warsh21',hafs,serif;font-size:26px;line-height:2.1;text-align:justify;color:var(--nass-tx);font-variant-ligatures:no-common-ligatures}
.ms-an{font-family:var(--ui);font-size:.55em;color:var(--gold-tx)}
@font-face{font-family:'kfgqpc-warsh21';src:url('fonts/warsh.21.woff2') format('woff2');font-display:swap}
.ms-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.ms-toc a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--wellb);border-radius:10px;background:var(--btn2);color:var(--ink);text-decoration:none;font-family:var(--ui)}
.ms-toc a:hover{border-color:var(--gold)}
.ms-toc b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(216,164,85,.18);color:var(--gold-tx);font-size:12px}
.ms-toc span{flex:1;font-weight:700}
.ms-toc small{display:block;width:100%;font-size:11.5px;color:var(--muted)}
.ms-toc a{flex-wrap:wrap}
.ms-link{border-color:var(--gold)!important}
@media (max-width:600px){
  .well.ms{padding-left:2px;padding-right:2px}
  .ms-sheet{padding:8px 4px 4px;border-radius:10px;box-shadow:inset 0 0 0 3px var(--ms-paper),inset 0 0 0 4px rgba(216,164,85,.45)}
  .ms-head{font-size:12.5px}
  .ms-tx{font-size:23px}
}
@media print{.ms-sheet{box-shadow:none;border:0}}