/* اللغة: الواجهة عربية فقط (قرار المالك 2026-07-21). الإنجليزية محفوظة في المصدر ومخفيّة بهذه القاعدة وحدها — لإعادتها: احذف هذا السطر. */.en,.fc-en,.n-logo-en,.warn-title-en,.sb-logo-en,.brand-en,.feat-lbl-en,.modal-title-en,.hero-ey-en,[lang=en]{display:none!important}

@font-face{font-display:swap;}

:root {
  /* E-018: يشمل نتوء/جزيرة آيفون — النافبار fixed top:0 مع viewport-fit=cover يمتدّ تحت المنطقة غير الآمنة بلا هذا المتغيّر */
  --nav-h: calc(60px + env(safe-area-inset-top, 0px));
  --ease: cubic-bezier(0.4,0,0.2,1);
}
html {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  touch-action: pan-y !important;
}
body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  position: relative !important;
  touch-action: pan-y !important;
  overscroll-behavior-x: none !important;
}
#app-wrapper {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  touch-action: pan-y !important;
}

[data-theme="dark"] {
  --bg0:#0B0B0B; --bg1:#141414; --bg2:#1C1C1C; --bg3:#222;
  --t0:#F0EAD6; --t1:#A89878; --t2:#9C8B6B; --t3:#8A7A5C;
  --gold:#C9A84C; --gold-l:#E8C97A; --gold-d:#8B6914;
  --gb:rgba(201,168,76,0.18); --gs:rgba(201,168,76,0.08); --gf:rgba(201,168,76,0.04);
  --bs:rgba(201,168,76,0.08); --bm:rgba(201,168,76,0.18); --bf:rgba(201,168,76,0.04);
  --rd-bg:#F4EFE4; --rd-t:#2A2015; --rd-m:#7A6840; --rd-tb:#EDE6D6; --rd-b:rgba(0,0,0,0.08);
  --sh:0 8px 32px rgba(0,0,0,0.7);
  --err:#E85D5D;
  --cov:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 60%,transparent 100%);
}
[data-theme="light"] {
  --bg0:#F7F3EC; --bg1:#EEE8DC; --bg2:#E5DDD0; --bg3:#fff;
  /* t2/t3 كانتا 3.99/2.11 على bg0 (رسوب AA 4.5) — عُدِّلتا لأقرب تدرّج يحفظ التسلسل
     البصري (t0>t1>t2>t3) ويعبر 4.5 بهامش (contrast-audit.mjs: 6.01/4.92 على bg0). */
  --t0:#1C1509; --t1:#5C4A28; --t2:#6B5A3E; --t3:#7A6748;
  --gold:#8B5E1A; --gold-l:#B8832A; --gold-d:#5C3A08;
  --gb:rgba(139,94,26,0.2); --gs:rgba(139,94,26,0.06); --gf:rgba(139,94,26,0.03);
  --bs:rgba(139,94,26,0.1); --bm:rgba(139,94,26,0.2); --bf:rgba(139,94,26,0.05);
  --rd-bg:#FFFCF5; --rd-t:#1C1509; --rd-m:#6A5030; --rd-tb:#F5F0E6; --rd-b:rgba(0,0,0,0.07);
  --sh:0 8px 32px rgba(92,58,8,0.12);
  /* --err كان غائباً كلياً في هذا الثيم — var(--err) بلا fallback في .q-btn-del:hover
     وغيره يسقط لقيمة color الافتراضية بدل الأحمر المقصود (contrast-audit.mjs). */
  --err:#A93226;
  --cov:linear-gradient(to top,rgba(15,8,0,.92) 0%,rgba(15,8,0,.35) 60%,transparent 100%);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
/* حلقة تركيز عامّة لكل عنصر تفاعليّ — كانت غائبة (لا تعتمد إلا على افتراضيّ المتصفّح
   غير المتناسق) خارج بضعة أزرار في بانر الحساب/الفوتر فقط. تدقيق §7 (WCAG 1.4.11/2.4.11).
   --gold مُثبَت التباين ≥3:1 على bg0/bg1 في الثيمين (contrast-audit.mjs). خاصّيّتها
   العامّة لا تتصادم مع القواعد الأخصّ (.zh-gift-btn:focus-visible وغيرها) — تبقى تلك أعلى تخصيصاً. */
a:focus-visible,button:focus-visible,.btn:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;max-width:100vw;width:100%;}
body{
  font-family:'Cairo',sans-serif;
  background:var(--bg0); color:var(--t0);
  direction:rtl; min-height:100vh;
  overflow-x:hidden;
  overflow-x:clip;
  max-width:100vw;
  width:100%;
  position:relative;
  transition:background .35s var(--ease),color .35s var(--ease);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
button,input,select,textarea{font-family:inherit;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--gb);border-radius:2px;}

#nav{
  position:fixed; top:0; left:0; right:0; height:var(--nav-h);
  width:100vw; max-width:100vw;
  z-index:1000;
  background:var(--bg0);
  border-bottom:1px solid var(--bs);
  display:flex; align-items:center; padding:0 1.5rem; gap:1rem;
  /* E-018: يدفع المحتوى تحت النتوء/الجزيرة — height أعلاه يشمل نفس القيمة فيبقى الشريط المرئيّ بنفس ارتفاعه المعتاد */
  padding-top:env(safe-area-inset-top, 0px);
  transition:background .35s var(--ease);
  overflow:visible; box-sizing:border-box;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}

.n-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;text-decoration:none;}
.n-logo-icon{
  width:36px;height:36px;border:1.5px solid var(--gold);
  position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.n-logo-icon::before{content:'';position:absolute;inset:3px;border:1px solid var(--gb);}
.n-logo-icon svg{position:relative;z-index:1;}
.n-logo-text{text-align:right;}
.n-logo-ar{font-size:13px;font-weight:700;color:var(--gold);line-height:1.15;}
.n-logo-en{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t2);font-style:italic;white-space:nowrap;}

.n-links{
  display:flex;gap:0;list-style:none;flex:1;justify-content:center;
}
.n-link{
  font-size:13px;color:var(--t2);cursor:pointer;
  padding:0 14px;height:var(--nav-h);
  display:flex;align-items:center;position:relative;
  transition:color .2s ease;white-space:nowrap;
  user-select:none;
}
.n-link::after{
  content:'';position:absolute;bottom:0;right:14px;left:14px;
  height:2px;background:var(--gold);transform:scaleX(0);
  transition:transform .25s ease;
}
.n-link:hover{color:var(--t0);}
.n-link.active{color:var(--gold);font-weight:700;}
.n-link.active::after{transform:scaleX(1);}

.n-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}

.theme-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;}
.tt-track{
  width:44px;height:24px;background:var(--bg2);
  border:1px solid var(--bm);border-radius:12px;
  position:relative;cursor:pointer;flex-shrink:0;transition:background .3s ease;
}
.tt-thumb{
  position:absolute;top:2px;right:2px;width:18px;height:18px;
  background:var(--gold);border-radius:50%;transition:all .3s ease;
  display:flex;align-items:center;justify-content:center;font-size:9px;
}
[data-theme="light"] .tt-thumb{transform:translateX(-20px);}
.tt-label{font-size:10px;color:var(--t2);font-style:italic;white-space:nowrap;min-width:52px;}

.n-burger{
  display:none;width:40px;height:40px;
  background:none;border:1px solid var(--bs);
  color:var(--t1);cursor:pointer;
  align-items:center;justify-content:center;
  flex-direction:column;gap:5px;flex-shrink:0;
}
.n-burger span{
  display:block;width:18px;height:1.5px;
  background:currentColor;transition:all .3s ease;
  transform-origin:center;
}
.n-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.n-burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.n-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.n-drawer{
  display:none;position:fixed;
  top:var(--nav-h);left:0;right:0;bottom:0;
  background:var(--bg0);z-index:999;
  flex-direction:column;padding:1.5rem;
  overflow-y:auto;
  border-top:1px solid var(--bs);
}
.n-drawer.open{display:flex;}
.n-drawer .n-link{
  height:52px;width:100%;
  border-bottom:1px solid var(--bf);
  padding:0 0.5rem;font-size:15px;
}
.n-drawer .n-link::after{right:0;left:0;}
.n-drawer-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:10px;}
.n-drawer-actions .btn-p,.n-drawer-actions .btn-o{width:100%;justify-content:center;}

.btn-p{
  font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:var(--bg0);
  padding:10px 22px;border:none;cursor:pointer;
  transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;
  white-space:nowrap;
}
.btn-p:hover{background:var(--gold-l);transform:translateY(-1px);}
/* أزرار الدخول/التسجيل صارت روابط <a> حقيقية (E-015): تُلغى شرطة الرابط */
a.auth-link{text-decoration:none;}
.btn-o{
  font-family:'Cairo',sans-serif;font-size:12px;
  background:transparent;color:var(--t2);
  border:1px solid var(--bm);padding:9px 18px;
  cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;
  white-space:nowrap;
}
.btn-o:hover{border-color:var(--gold);color:var(--gold);}

.view{display:none;padding-top:var(--nav-h);min-height:100vh;}
.view.active{display:block;}

.hero{
  position:relative;overflow:hidden;
  min-height:calc(100vh - var(--nav-h));
  display:flex;flex-direction:column;
}
.hero-atm{
  position:absolute;inset:0;pointer-events:none;
}
[data-theme="dark"] .hero-atm{
  background:
    radial-gradient(ellipse 60% 70% at 70% 50%, rgba(201,168,76,.05) 0%, transparent 55%),
    radial-gradient(ellipse 40% 50% at 5% 90%, rgba(139,105,20,.04) 0%, transparent 50%);
}
[data-theme="light"] .hero-atm{
  background:
    radial-gradient(ellipse 60% 70% at 70% 50%, rgba(139,94,26,.04) 0%, transparent 55%);
}
.hero-line-l{
  position:absolute;pointer-events:none;inset:0;overflow:hidden;
}
.hero-vline{
  position:absolute;width:1px;top:0;bottom:0;
  background:linear-gradient(to bottom,transparent,var(--gb),transparent);
  animation:vb 5s ease-in-out infinite;
}
.hero-vline:nth-child(1){right:38%;animation-delay:0s;}
.hero-vline:nth-child(2){right:65%;opacity:.5;animation-delay:2s;}
@keyframes vb{0%,100%{opacity:.2}50%{opacity:.9}}
.hero-main{
  flex:1;display:grid;
  grid-template-columns:1fr 380px;
  align-items:center;
  padding:3.5rem 4rem 2rem;
  position:relative;z-index:2;gap:2rem;
}
.hero-content{}
.hero-ey{
  display:flex;align-items:center;gap:10px;
  font-size:10px;letter-spacing:3.5px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:1.5rem;font-style:italic;
  font-family:'Playfair Display',serif;
  max-width:100%;overflow:hidden;
}
.hero-ey-line{width:24px;height:1px;background:var(--gold);}
.hero-h1{
  font-family:'Cairo',sans-serif;
  font-size:clamp(1.9rem,4vw,3.5rem);
  font-weight:700;line-height:1.22;
  margin-bottom:1rem;color:var(--t0);
}
.hero-h1 .ac{color:var(--gold);}
.hero-h1 .th{font-weight:300;}
.hero-tag{
  font-family:'Amiri',serif;font-size:1.1rem;
  color:var(--t2);line-height:1.9;
  margin-bottom:2rem;font-style:italic;
}
.hero-ctas{display:flex;gap:.875rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.btn-hero{
  font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;
  background:var(--gold);color:var(--bg0);
  padding:13px 32px;border:none;cursor:pointer;
  transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;
}
.btn-hero:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);}
.btn-hero2{
  font-family:'Cairo',sans-serif;font-size:13px;
  background:transparent;color:var(--t2);
  border:1px solid var(--bm);padding:12px 26px;
  cursor:pointer;transition:all .3s ease;
}
.btn-hero2:hover{border-color:var(--gold);color:var(--gold);}
.hero-stats{
  display:flex;gap:0;
  border-top:1px solid var(--bs);padding-top:1.75rem;
  flex-wrap:wrap;
}
.hero-stat{
  padding-left:2rem;margin-left:2rem;
  border-left:1px solid var(--bf);
  flex-shrink:0;
}
.hero-stat:first-child{padding-left:0;margin-left:0;border-left:none;}
.hs-num{
  font-family:'Playfair Display',serif;
  font-size:1.8rem;font-weight:700;color:var(--gold);line-height:1;
}
.hs-lbl{font-size:11px;color:var(--t2);margin-top:4px;}

.hero-visual{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
}
.bstack{position:relative;width:260px;height:360px;}
.sb{
  position:absolute;border-radius:2px 4px 4px 2px;
  cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);
  box-shadow:var(--sh);overflow:hidden;
}
.sb:hover{transform:translateX(-14px) rotate(-2deg) !important;}
.sb-sp{position:absolute;right:0;top:0;bottom:0;width:14px;}
.sb-face{
  position:absolute;inset:0;
  padding:16px 18px 14px 14px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.sb-cat{font-size:8px;letter-spacing:2px;text-transform:uppercase;opacity:.5;}
.sb-title{font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;color:#F0EAD6;line-height:1.45;}
.sb-auth{font-family:'Amiri',serif;font-size:10px;color:#C9A84C;opacity:.7;font-style:italic;}

.feat-sec{
  background:var(--bg1);
  border-top:1px solid var(--bs);
  padding:2.5rem 4rem;
}
.feat-lbl{
  font-size:10px;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.75rem;
  display:flex;align-items:center;gap:12px;font-style:italic;
  max-width:100%;overflow:hidden;
}
.feat-lbl::after{content:'';flex:1;height:1px;background:var(--bs);}
.feat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--bs);
}
.fc{
  background:var(--bg1);padding:1.75rem;
  cursor:pointer;transition:background .3s ease;
  position:relative;overflow:hidden;
}
.fc:hover{background:var(--bg3);}
.fc::after{
  content:'';position:absolute;bottom:0;right:0;left:0;
  height:2px;background:var(--gold);transform:scaleX(0);
  transition:bottom .25s ease;
}
.fc:hover::after{transform:scaleX(1);}
.fc-num{
  font-family:'Playfair Display',serif;
  font-size:2.2rem;font-weight:700;color:var(--gb);
  line-height:1;margin-bottom:.6rem;transition:color .3s ease;
}
.fc:hover .fc-num{color:var(--gold);}
.fc-ar{font-size:14px;font-weight:700;color:var(--t0);margin-bottom:3px;}
.fc-en{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.65rem;font-style:italic;}
.fc-desc{font-size:12px;color:var(--t2);line-height:1.8;}

.why-sec{
  padding:3.5rem 4rem;
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;
}
.why-h{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:1.25rem;}
.why-h span{color:var(--gold);}
.why-body{font-family:'Amiri',serif;font-size:1.05rem;color:var(--t2);line-height:2;font-style:italic;}
.why-pillars{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.wp{
  background:var(--bg1);padding:1.1rem 1.25rem;
  display:flex;align-items:center;gap:12px;
  cursor:pointer;transition:background .2s ease;
}
.wp:hover{background:var(--bg3);}
.wp-icon{
  width:34px;height:34px;flex-shrink:0;
  border:1px solid var(--gb);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;
}
.wp-t{font-size:13px;color:var(--t1);font-weight:600;}
.wp-s{font-size:10px;color:var(--t2);margin-top:2px;letter-spacing:.5px;}

.lib-layout{min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;}
.lib-hdr{
  padding:1.25rem 2rem 0;
  border-bottom:1px solid var(--bs);
  overflow:hidden;
  max-width:100%;
}
.lib-hdr-top{
  display:flex;align-items:flex-start;justify-content:space-between;
  margin-bottom:1rem;gap:1rem;flex-wrap:wrap;
}
.lib-title{font-size:1.4rem;font-weight:700;line-height:1.2;}
.lib-sub{font-size:12px;color:var(--t2);margin-top:3px;}
.lib-ctrl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.s-bar{
  display:flex;align-items:center;gap:8px;
  background:var(--bg1);border:1px solid var(--bs);
  padding:7px 12px;
}
.s-bar:focus-within{border-color:var(--gold);}
.s-inp{
  font-size:12px;background:none;border:none;outline:none;
  color:var(--t0);width:170px;direction:rtl;
}
.s-inp::placeholder{color:var(--t2);}
.ic-btn{
  width:34px;height:34px;background:transparent;
  border:1px solid var(--bs);color:var(--t2);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;transition:all .2s ease;
}
.ic-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gs);}
.srt-sel{
  font-size:11px;background:var(--bg1);color:var(--t2);
  border:1px solid var(--bs);padding:5px 10px;outline:none;direction:rtl;cursor:pointer;
}
.flt-bar{
  display:flex;align-items:center;gap:6px;
  overflow-x:auto;padding-bottom:.875rem;scrollbar-width:none;
}
.flt-bar::-webkit-scrollbar{display:none;}
.fc-chip{
  font-size:11px;padding:6px 14px;
  border:1px solid var(--bs);color:var(--t2);
  background:none;cursor:pointer;
  transition:all .2s ease;white-space:nowrap;flex-shrink:0;
}
.fc-chip:hover,.fc-chip.active{border-color:var(--gold);color:var(--gold);background:var(--gs);font-weight:600;}
.f-sep{width:1px;height:18px;background:var(--bs);flex-shrink:0;}

.bks-container{flex:1;padding:1.5rem 2rem;background:var(--bg0);}
.bks-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:1px;background:var(--bf);
}
.bk-card{
  background:var(--bg1);cursor:pointer;
  transition:background .3s ease;
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
}
.bk-card:hover{background:var(--bg3);}
.bk-card:hover .bk-ov{opacity:1;}
.bk-card:hover .bk-ov-btn{transform:translateY(0);opacity:1;}
.bk-cover{width:100%;aspect-ratio:3/4.2;position:relative;overflow:hidden;flex-shrink:0;}
.bk-cover-art{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;}
.bk-ov{
  position:absolute;inset:0;background:rgba(0,0,0,.65);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s ease;
}
.bk-ov-btn{
  font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:#0B0B0B;
  border:none;padding:10px 22px;cursor:pointer;
  transform:translateY(10px);opacity:0;transition:all .3s ease .05s;
}
.bk-ct{
  position:absolute;bottom:0;right:0;left:0;
  background:var(--cov);padding:2rem .75rem .7rem;
}
.bk-ct-t{font-size:12px;font-weight:700;color:#F0EAD6;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.bk-info{padding:.7rem .875rem;flex:1;}
.bk-title{font-size:12px;font-weight:700;color:var(--t0);margin-bottom:3px;line-height:1.4;}
.bk-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--t2);margin-top:4px;flex-wrap:wrap;}
.bk-cat{font-size:9px;border:1px solid var(--gb);color:var(--gold);padding:2px 7px;letter-spacing:.5px;}
.bk-prog{height:2px;background:var(--bf);margin-top:8px;}
.bk-prog-f{height:100%;background:var(--gold);}
.bk-badge{
  position:absolute;top:8px;right:8px;
  font-size:8px;letter-spacing:1.5px;text-transform:uppercase;
  background:var(--gold);color:#0B0B0B;padding:3px 7px;
}

#view-reader{
  padding-top:var(--nav-h);
  display:none;flex-direction:column;
  min-height:100vh;
}
#view-reader.active{display:flex;}
.rd-mobile-tabs{
  display:none;
  background:var(--bg1);
  border-bottom:1px solid var(--bs);
  overflow:hidden;
}
.rd-mobile-tabs::-webkit-scrollbar{display:none;}
.rd-mobile-tabs::-webkit-scrollbar{display:none;}
.rd-mt-inner{display:flex;width:100%;}
.rd-mt-btn{
  font-size:12px;padding:12px 18px;
  color:var(--t2);background:none;border:none;
  border-bottom:2px solid transparent;
  cursor:pointer;white-space:nowrap;transition:all .2s ease;
  font-weight:700;
}
.rd-mt-btn.active{color:var(--gold);border-bottom-color:var(--gold);}

.rd-layout{
  display:grid;
  grid-template-columns:220px 1fr 290px;
  flex:1;overflow:visible;
  height:calc(100vh - var(--nav-h));
}

.rd-chaps{
  background:var(--bg1);border-left:1px solid var(--bs);
  display:flex;flex-direction:column;overflow:hidden;
}
.rd-chaps-hdr{
  padding:.875rem 1.25rem;border-bottom:1px solid var(--bs);flex-shrink:0;
}
.rdc-title{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--t2);font-style:italic;margin-bottom:5px;}
.rdc-book{font-size:13px;font-weight:700;color:var(--t0);line-height:1.4;}
.rd-chaps-list{flex:1;overflow-y:auto;padding:.4rem 0;}
.ch-item{
  padding:.55rem 1.25rem;display:flex;align-items:center;gap:10px;
  font-size:12px;color:var(--t2);cursor:pointer;
  transition:all .2s ease;border-right:2px solid transparent;
}
.ch-item:hover{color:var(--t0);background:var(--bg2);}
.ch-item.active{color:var(--gold);border-right-color:var(--gold);background:var(--gs);font-weight:700;}
.ch-num{font-size:10px;color:var(--t2);min-width:16px;flex-shrink:0;font-family:'Playfair Display',serif;}
.ch-done{margin-right:auto;width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0;}
.ch-item:not(.active):not(:hover) .ch-done{background:var(--bm);}
.rd-chaps-foot{padding:1rem 1.25rem;border-top:1px solid var(--bs);flex-shrink:0;}
.pr-ring-wrap{display:flex;align-items:center;gap:12px;}
.pr-ring-text .pct{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--gold);}
.pr-ring-text .lbl{font-size:10px;color:var(--t2);}

.rd-main{
  display:flex;flex-direction:column;
  background:var(--rd-bg);
  overflow:hidden;
  position:relative;
  flex:1;
  min-height:0;
}

.rd-tb{
  background:var(--rd-tb);border-bottom:1px solid var(--rd-b);
  display:flex;flex-direction:column;padding:0;
  flex-shrink:0;overflow:visible;gap:0;
}
.tb-row{
  display:flex;align-items:center;padding:0 1rem;height:44px;
  overflow-x:auto;scrollbar-width:none;gap:.5rem;flex-shrink:0;
  border-bottom:1px solid var(--rd-b);
  font-weight:700;
}
.tb-row:last-child{border-bottom:none;}
.tb-row::-webkit-scrollbar{display:none;}
.rd-tb::-webkit-scrollbar{display:none;}
.tb-g{display:flex;align-items:center;gap:3px;flex-shrink:0;}
.tb-sp{width:1px;height:18px;background:var(--rd-b);flex-shrink:0;}
.tb-lbl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--rd-m);font-style:italic;flex-shrink:0;font-weight:700;}
.tb-b{font-weight:700;
  font-family:'Cairo',sans-serif;font-size:11px;
  background:none;border:1px solid transparent;
  color:var(--rd-m);padding:4px 9px;
  cursor:pointer;transition:all .2s ease;
  height:28px;display:flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0;
}
.tb-b:hover{border-color:rgba(0,0,0,.15);color:var(--rd-t);background:rgba(0,0,0,.04);}
.tb-b.active{background:var(--gold-d);color:#fff;border-color:var(--gold-d);}
.tb-sz{font-family:'Playfair Display',serif;font-size:11px;color:var(--rd-m);min-width:20px;text-align:center;flex-shrink:0;}
.tb-sel{
  font-family:'Cairo',sans-serif;font-size:11px;
  background:rgba(0,0,0,.04);color:var(--rd-t);
  border:1px solid rgba(0,0,0,.1);padding:4px 7px;outline:none;cursor:pointer;
  height:28px;flex-shrink:0;
}
.rd-prog{height:2px;background:rgba(0,0,0,.06);flex-shrink:0;}
.rd-prog-f{height:100%;background:linear-gradient(to left,var(--gold-d),var(--gold));width:37%;transition:width .5s ease;}
.rd-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom,0);transition:padding-bottom .25s ease;}
input[type=range]{touch-action:none;-webkit-appearance:none;}

@media(max-width:768px){
  .a-bar.on{z-index:99;}
}
.rd-text{max-width:660px;margin:0 auto;padding:3rem 2rem 4rem;direction:rtl;}
.ch-lbl{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-d);margin-bottom:.875rem;font-style:italic;}
.ch-tit{font-family:'Cairo',sans-serif;font-size:1.65rem;font-weight:700;color:var(--rd-t);line-height:1.3;margin-bottom:.4rem;}
.ch-sub{font-family:'Amiri',serif;font-size:1.05rem;color:var(--rd-m);font-style:italic;margin-bottom:1.75rem;}
.orn{display:flex;align-items:center;gap:14px;margin-bottom:1.75rem;color:var(--gold-d);opacity:.45;}
.orn-l{flex:1;height:1px;background:var(--gold-d);opacity:.3;}
.sel-menu{position:fixed;z-index:99999;background:var(--bg1);border:1px solid var(--bs);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:168px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease;}
.sel-menu.show{visibility:visible;opacity:1;pointer-events:auto;}
.sel-m-btn{padding:8px 12px;background:none;border:none;color:var(--t0);font-size:13px;cursor:pointer;border-radius:6px;text-align:right;display:flex;align-items:center;gap:8px;width:100%;font-family:Cairo,sans-serif;}
.sel-m-btn:hover{background:var(--bs);}
.sel-m-sep{height:1px;background:var(--bs);margin:2px 0;}
.hl-yellow{background:rgba(255,215,0,.45);}
.hl-blue{background:rgba(40,100,220,.3);}
.hl-green{background:rgba(40,160,80,.3);}
.para{
  font-family:'Cairo',sans-serif;
  font-size:16px;line-height:2.1;color:var(--rd-t);
  margin-bottom:1.6rem;text-align:justify;user-select:text;
}
.para strong{color:var(--rd-t);font-weight:700;}
.para em{font-family:'Amiri',serif;font-style:italic;color:var(--rd-m);}
.hl-y{background:rgba(255,215,0,.28);padding:1px 2px;}
.hl-b{background:rgba(30,100,220,.12);padding:1px 2px;}
.hl-g{background:rgba(40,160,80,.12);padding:1px 2px;}
.rd-status{
  background:var(--rd-tb,var(--bg1));
  border-top:1px solid var(--rd-b,var(--bm));
  border-bottom:1px solid var(--rd-b,var(--bm));
  height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 6px;gap:2px;overflow:hidden;
}
.rd-status .tb-b{
  color:var(--rd-t,var(--t0)) !important;
  font-size:9px;font-weight:600;
  border-color:var(--rd-b,var(--bm)) !important;
}
.rd-status #rd-global-page{color:var(--rd-t,var(--t0)) !important;font-weight:700;}
.rd-status #rd-chapter-label{color:var(--rd-m,var(--t2)) !important;}
.st-t{font-size:10px;color:var(--rd-m);font-style:italic;}
.st-nav{display:flex;gap:6px;}

.rd-panel{
  background:var(--bg0);border-right:1px solid var(--bs);
  display:flex;flex-direction:column;overflow:hidden;
}
.pt{
  display:flex;border-bottom:1px solid var(--bs);flex-shrink:0;overflow-x:auto;scrollbar-width:none;
}
.pt::-webkit-scrollbar{display:none;}
.pt-tab{
  flex:1;height:42px;font-size:11px;color:var(--t2);
  background:none;border:none;border-bottom:2px solid transparent;
  cursor:pointer;transition:all .2s ease;font-family:'Cairo',sans-serif;
}
.pt-tab:hover{color:var(--t0);}
.pt-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
.p-body{flex:1;overflow-y:auto;padding:1.25rem;-webkit-overflow-scrolling:touch;}
.ps-title{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--t2);font-style:italic;margin-bottom:.65rem;}
.n-card{
  background:var(--bg1);border:1px solid var(--bf);
  padding:.7rem;margin-bottom:7px;cursor:pointer;transition:border-color .2s ease;
}
.n-card:hover{border-color:var(--gb);}
.n-card-t{font-size:12px;color:var(--t1);line-height:1.7;}
.n-card-m{font-size:10px;color:var(--t2);margin-top:4px;font-style:italic;}
.n-ta{
  font-family:'Cairo',sans-serif;font-size:12px;
  background:var(--bg1);color:var(--t0);
  border:1px solid var(--bs);padding:10px;outline:none;
  resize:vertical;min-height:72px;width:100%;
  direction:rtl;line-height:1.8;transition:border-color .2s ease;
}
.n-ta:focus{border-color:var(--gold);}
.q-card{
  background:var(--bg1);border-right:3px solid var(--gold);
  padding:.7rem 1rem;margin-bottom:7px;transition:background .2s ease;
}
.q-card:hover{background:var(--gs);}
.q-card-t{font-family:'Amiri',serif;font-size:13px;color:var(--t0);line-height:1.8;font-style:italic;}
.q-card-l{font-size:10px;color:var(--t2);margin-top:4px;font-style:italic;}
.q-card-actions{display:flex;gap:6px;margin-top:6px;justify-content:flex-end;}
.q-btn-img{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);color:var(--gold);
  font-size:10px;padding:2px 8px;cursor:pointer;font-family:'Cairo',sans-serif;border-radius:2px;}
.q-btn-img:hover{background:rgba(201,168,76,.2);}
.q-btn-del{background:none;border:none;color:var(--t2);cursor:pointer;font-size:12px;padding:2px 6px;}
.q-btn-del:hover{color:var(--err);}

.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.st-cell{background:var(--bg1);border:1px solid var(--bf);padding:.7rem;text-align:center;}
.sv{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--gold);}
.sl{font-size:10px;color:var(--t2);margin-top:2px;}
.cc{display:flex;flex-wrap:wrap;gap:4px;}
.c-chip{
  font-size:10px;padding:4px 9px;
  border:1px solid var(--gb);color:var(--gold);
  cursor:pointer;transition:all .2s ease;
}
.c-chip:hover{background:var(--gs);}
.ql{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.qi{
  background:var(--bg1);padding:.7rem .875rem;
  display:flex;align-items:flex-start;gap:7px;
  cursor:pointer;transition:background .2s ease;
}
.qi:hover{background:var(--bg3);}
.qb{color:var(--gold);font-size:10px;margin-top:3px;flex-shrink:0;}
.qt{font-size:12px;color:var(--t1);line-height:1.6;}
.hl-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:.75rem;}
.hl-li{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--t2);}
.hl-ld{width:10px;height:10px;border-radius:50%;}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.mb{
  font-family:'Cairo',sans-serif;font-size:10px;
  background:var(--bg1);border:1px solid var(--bs);color:var(--t2);
  padding:7px 4px;cursor:pointer;text-align:center;transition:all .2s ease;
}
.mb:hover,.mb.active{border-color:var(--gold);color:var(--gold);background:var(--gs);}
.dg{height:1px;background:linear-gradient(90deg,transparent,var(--gb),transparent);margin:1rem 0;}

.rd-main.nm{background:#111;}
.rd-main.nm .rd-tb{background:#0D0D0D;border-color:rgba(255,255,255,.06);}
.rd-main.nm .rd-status{background:#0D0D0D;border-color:rgba(255,255,255,.06);}
.rd-main.nm .rd-status .tb-b,.rd-main.nm .rd-status button{color:#C8B896 !important;}
.rd-main.nm .rd-status span{color:#C8B896 !important;}
.rd-status.nm,.rd-status.nm{background:#0D0D0D !important;border-color:rgba(255,255,255,.06) !important;}
.rd-status.nm .tb-b,.rd-status.nm button{color:#D4C5A0 !important;border-color:rgba(200,184,150,.25) !important;font-weight:600;}
.rd-status.nm span,.rd-status.nm #rd-global-page,.rd-status.nm #rd-chapter-label{color:#D4C5A0 !important;}
.rd-main.nm .tb-b{color:#7A7060;}
.rd-main.nm .tb-b:hover{color:#C0B090;background:rgba(255,255,255,.05);}
.rd-main.nm .tb-b.active{background:var(--gold-d);color:#fff;}
.rd-main.nm .para{color:#E8DCCF;}
.rd-main.nm .para strong,.rd-main.nm .para b{color:#F5EAD5;}
.rd-main.nm .para em,.rd-main.nm .para i{color:#D4C4A8;}
.rd-main.nm .ch-tit{color:#F0E4C0;}
.rd-main.nm .ch-sub{color:#C8B896;}
.rd-main.nm .ch-lbl{color:var(--gold) !important;}
.rd-main.nm .rd-scroll{background:#111;}
.rd-main.nm .rd-text{color:#E8DCCF;}
.rd-main.nm .rd-text *{color:inherit;}
.rd-main.nm .rd-text h1,.rd-main.nm .rd-text h2,.rd-main.nm .rd-text h3{color:#F0E4C0 !important;}
.rd-main.nm .rd-text li,.rd-main.nm .rd-text ul,.rd-main.nm .rd-text ol{color:#E8DCCF !important;}
.rd-main.nm .orn-l{background:var(--gold) !important;opacity:.4;}
.a-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--bg1);
  border-top: 1px solid var(--bm);
  display: none;
  flex-direction: column;
  z-index: 500;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  transition: bottom .25s ease;
  box-shadow: 0 -4px 20px rgba(0,0,0,.4);
}
.a-bar.on { display: flex; }
.a-progress-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 4px;
  direction: ltr;
}
.a-time-cur, .a-time-tot {
  font-size: 10px;
  color: var(--t2);
  font-variant-numeric: tabular-nums;
  min-width: 32px;
  font-family: monospace;
  flex-shrink: 0;
}
.a-time-tot { text-align: right; }
.a-track-wrap {
  flex: 1;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
}
.a-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: var(--bs);
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.a-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--gold);
  cursor: pointer;
  box-shadow: 0 0 0 3px rgba(201,168,76,.2);
  transition: box-shadow .15s;
}
.a-range::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 5px rgba(201,168,76,.3);
}
.a-range::-moz-range-thumb {
  width: 14px; height: 14px;
  border-radius: 50%;
  background: var(--gold);
  cursor: pointer;
  border: none;
}

.a-range {
  background: linear-gradient(to right, var(--gold) 0%, var(--bs) 0%);
}
.a-main-row {
  display: flex;
  align-items: center;
  padding: 4px 16px 8px;
  gap: 12px;
}
.a-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  direction: rtl;
}
.a-title {
  font-size: 12px;
  color: var(--t0);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.a-chap {
  font-size: 10px;
  color: var(--t2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.a-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
  flex-shrink: 0;
  overflow: visible;
}
.a-btn {
  width: 32px; height: 32px;
  background: none; border: none;
  color: var(--t2); font-size: 14px;
  cursor: pointer; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: all .15s;
  padding: 0;
}
.a-btn:hover { color: var(--t0); background: var(--gs); }
.a-ply {
  width: 38px; height: 38px;
  background: var(--gold);
  color: var(--bg0) !important;
  font-size: 16px;
  flex-shrink: 0;
}
.a-ply:hover { background: var(--gold-l) !important; }
.a-side {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-right: auto;
}
.a-close {
  font-size: 12px;
  color: var(--t3);
}
.a-speed {
  font-size: 10px;
  color: var(--t2);
  cursor: pointer;
  padding: 2px 6px;
  border: 1px solid var(--bs);
  border-radius: 3px;
  user-select: none;
  transition: all .15s;
  font-weight: 600;
}
.a-speed:hover { color: var(--gold); border-color: var(--gold); }
@media (max-width: 600px) {
  .a-title { max-width: 120px; }
  .a-chap  { max-width: 120px; }
  .a-btn   { width: 28px; height: 28px; font-size: 13px; }
  .a-ply   { width: 34px; height: 34px; }
}
.amb-bar{
  position:fixed;bottom:0;left:0;right:0;
  height:52px;background:rgba(10,10,10,.96);
  border-top:1px solid rgba(201,168,76,.15);
  display:none;align-items:center;
  padding:0 1.25rem;gap:1rem;z-index:510;
  backdrop-filter:blur(12px);
  transition:transform .3s ease;
}
[data-theme="light"] .amb-bar{
  background:rgba(245,240,230,.97);
  border-top:1px solid rgba(139,94,26,.15);
}
.amb-bar.visible{display:flex;}

.amb-label{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);font-style:italic;flex-shrink:0;white-space:nowrap;
}
.amb-options{display:flex;gap:5px;flex-shrink:0;}
.amb-opt{
  font-family:'Cairo',sans-serif;font-size:11px;
  background:transparent;color:var(--t2);
  border:1px solid var(--bs);
  padding:5px 12px;cursor:pointer;
  transition:all .2s ease;white-space:nowrap;
  display:flex;align-items:center;gap:5px;
}
.amb-opt:hover{border-color:var(--gold);color:var(--t0);}
.amb-opt.active{
  background:var(--gs);border-color:var(--gold);color:var(--gold);font-weight:700;
}
.amb-vol-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.amb-vol-btn{background:none;border:1px solid rgba(201,168,76,0.3);border-radius:4px;color:var(--gold);font-size:16px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;touch-action:manipulation;}
.amb-vol-btn:active{background:rgba(201,168,76,0.15);}
.amb-vol-val{font-size:11px;color:var(--t2);min-width:30px;text-align:center;}
.amb-stop{
  background:none;border:none;color:var(--t2);
  font-size:16px;cursor:pointer;padding:4px;
  transition:color .2s ease;margin-right:auto;
}
.amb-stop:hover{color:var(--t0);}
.amb-status{
  display:flex;align-items:center;gap:5px;
  font-size:10px;color:var(--gold);
}
.amb-pulse{
  width:6px;height:6px;background:var(--gold);border-radius:50%;
  animation:pulse 1.5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
#print-container { display:none !important; position:absolute !important; left:-9999px !important; top:0 !important; width:21cm; }

@media print {
  body > * { display:none !important; }
  #print-container { display:block !important; position:static !important; left:0 !important; }
  #print-container div, #print-container p, #print-container h2, #print-container span, #print-container li { display:revert !important; }
  .print-footer { display:flex !important; }
  .print-drm-page { display:flex !important; flex-direction:column !important; }
  @page { size:A4 portrait; margin:2.5cm 2.5cm 2.5cm 2.5cm; }
  @page :first { margin:2.5cm 2.5cm 2.5cm 2.5cm; }
  html, body { background:#fff!important; color:#000!important; direction:rtl; }
  #print-container p { max-width:100%; word-wrap:break-word; overflow-wrap:break-word; box-sizing:border-box; }
  #print-container * { max-width:100%; box-sizing:border-box; }
  #print-container { margin:0!important; padding:0!important; }
  .print-chapter { page-break-before:always; break-before:page; margin:0!important; padding:0!important; width:100%!important; box-sizing:border-box!important; }
  .print-chapter:first-of-type { page-break-before:avoid; break-before:avoid; }
  .print-chapter-body { margin:0!important; padding:0!important; width:100%!important; box-sizing:border-box!important; }
  .print-drm-page { break-after:page; min-height:96vh; padding:0!important; box-sizing:border-box!important; }
  h2 { font-size:16pt!important; margin:0 0 0.4cm 0!important; page-break-after:avoid; }
  p, .para { font-size:var(--print-font-size,12pt)!important; line-height:2!important; margin-bottom:0.7cm!important; text-align:justify!important; direction:rtl; page-break-inside:avoid; orphans:3; widows:3; }
  .print-footer { justify-content:space-between; align-items:center; border-top:0.5pt solid #C9A84C; margin-top:0.8cm; padding-top:5pt; font-size:8pt; color:#888; direction:rtl; }
  .pf-title{flex:1;text-align:right}.pf-num{flex:0;min-width:2cm;text-align:center;color:#C9A84C;font-weight:700}.pf-lib{flex:1;text-align:left}
}
.print-watermark{display:none;}
@media print{
  .print-watermark{display:block!important;position:fixed;bottom:1cm;left:50%;transform:translateX(-50%);font-size:8pt;color:rgba(0,0,0,.15);white-space:nowrap;font-family:Cairo,sans-serif;letter-spacing:1px;z-index:9999;}
}
@media (max-width: 768px) {
  .amb-bar {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    gap: 0.75rem;
    padding: 0 0.75rem;
    height: auto;
    min-height: 52px;
    padding-top: 6px;
    padding-bottom: max(6px, env(safe-area-inset-bottom));
    flex-wrap: nowrap;
    align-items: center;
  }
  .amb-label { font-size: 9px; letter-spacing: 1px; flex-shrink: 0; }
  .amb-options { flex-shrink: 0; gap: 4px; }
  .amb-opt { padding: 4px 8px; font-size: 10px; scroll-snap-align: start; }
  .amb-vol-wrap { flex-shrink: 0; }
  .amb-vol { width: 60px; }
  .amb-vol-wrap { flex-shrink: 0 !important; display: flex !important; align-items: center !important; }
  .amb-vol-icon { display: flex !important; }
  .amb-status { flex-shrink: 0; }
  .amb-stop { flex-shrink: 0; margin-right: 0; }
}

.pdf-modal-back{
  position:fixed;inset:0;background:rgba(0,0,0,.8);
  z-index:3000;display:none;align-items:center;justify-content:center;
  padding:1.5rem;backdrop-filter:blur(8px);
}
.pdf-modal-back.open{display:flex;}
.pdf-modal{
  background:var(--bg1);border:1px solid var(--bm);
  width:100%;max-width:460px;
  animation:modalIn .3s var(--ease);
}
.pdf-modal-hdr{
  padding:1.25rem 1.5rem;border-bottom:1px solid var(--bs);
  display:flex;justify-content:space-between;align-items:center;
}
.pdf-modal-title{font-size:1rem;font-weight:700;color:var(--t0);}
.pdf-modal-body{padding:1.5rem;}
.pdf-opt-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.6rem 0;border-bottom:1px solid var(--bf);
  font-size:12px;color:var(--t1);
}
.pdf-opt-row:last-child{border-bottom:none;}
.pdf-opt-val{color:var(--gold);font-weight:600;}
.pdf-modal-footer{
  padding:1rem 1.5rem;border-top:1px solid var(--bs);
  display:flex;gap:8px;
}
.pdf-print-btn{
  flex:1;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:var(--bg0);border:none;
  padding:11px 20px;cursor:pointer;
  transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px;
}
.pdf-print-btn:hover{background:var(--gold-l);}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.75);
  z-index:2000;display:none;align-items:center;justify-content:center;
  padding:1.5rem;backdrop-filter:blur(6px);
}
.modal-backdrop.open{display:flex;}
.modal-box{
  background:var(--bg1);border:1px solid var(--bm);
  width:100%;max-width:480px;
  position:relative;
  animation:modalIn .3s var(--ease);
}
@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.modal-header{
  padding:1.5rem 1.5rem 1rem;
  border-bottom:1px solid var(--bs);
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
}
.modal-title-ar{font-size:1.1rem;font-weight:700;color:var(--t0);margin-bottom:3px;}
.modal-title-en{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-style:italic;}
.modal-close{
  background:none;border:none;color:var(--t2);font-size:20px;
  cursor:pointer;padding:0;transition:color .2s ease;flex-shrink:0;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
}
.modal-close:hover{color:var(--t0);}
.modal-body{padding:1.5rem;}

.modal-book-card{
  display:flex;align-items:center;gap:12px;
  background:var(--bg2);border:1px solid var(--bs);
  padding:.875rem 1rem;margin-bottom:1.5rem;
}
.modal-book-thumb{
  width:40px;height:56px;flex-shrink:0;
  border:1px solid var(--bs);display:flex;
  align-items:center;justify-content:center;
  font-size:20px;position:relative;overflow:hidden;
}
.modal-book-info .mbi-title{font-size:13px;font-weight:700;color:var(--t0);margin-bottom:3px;}
.modal-book-info .mbi-user{
  font-size:11px;color:var(--gold);
  display:flex;align-items:center;gap:5px;
}
.mbi-user-icon{font-size:10px;}

.code-label{font-size:11px;font-weight:600;color:var(--t1);margin-bottom:8px;display:block;}
.code-input-wrap{
  display:flex;gap:8px;align-items:stretch;
  margin-bottom:.75rem;
}
.code-input{
  flex:1;font-family:'Cairo',sans-serif;font-size:14px;font-weight:600;
  background:var(--bg0);color:var(--t0);
  border:1px solid var(--bm);padding:11px 14px;
  outline:none;direction:ltr;text-align:center;
  letter-spacing:3px;text-transform:uppercase;
  transition:border-color .2s ease;
}
.code-input:focus{border-color:var(--gold);}
.code-input::placeholder{color:var(--t2);letter-spacing:1px;font-size:12px;text-transform:none;}
.code-input.error{border-color:#E87878;animation:shake .4s ease;}
.code-input.success{border-color:#5AE890;}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.code-feedback{
  font-size:12px;min-height:18px;margin-bottom:1rem;
  display:flex;align-items:center;gap:6px;
}
.code-feedback.err{color:#E87878;}
.code-feedback.ok{color:#5AE890;}
.code-feedback.warn{color:var(--gold);}

.modal-btn-row{display:flex;gap:8px;flex-wrap:wrap;}
.modal-btn-activate{
  flex:1;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:var(--bg0);
  border:none;padding:12px 20px;cursor:pointer;
  transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px;
}
.modal-btn-activate:hover{background:var(--gold-l);}
.modal-btn-activate:disabled{opacity:.4;cursor:not-allowed;}
.modal-btn-buy-ext{
  font-family:'Cairo',sans-serif;font-size:12px;
  background:transparent;color:var(--t1);
  border:1px solid var(--bs);padding:12px 16px;
  cursor:pointer;transition:all .25s ease;
  display:flex;align-items:center;gap:6px;text-decoration:none;
  white-space:nowrap;
}
.modal-btn-buy-ext:hover{border-color:var(--gold);color:var(--gold);}

.modal-helper{
  font-size:11px;color:var(--t2);margin-top:1rem;
  padding-top:1rem;border-top:1px solid var(--bf);
  line-height:1.7;
}
.modal-helper a{color:var(--gold);text-decoration:none;}
.modal-helper a:hover{text-decoration:underline;}

.modal-success-state{
  text-align:center;padding:2rem 1rem;
  display:none;
}
.modal-success-state.show{display:block;}
.success-icon{font-size:2.5rem;margin-bottom:.75rem;}
.success-title{font-size:1.1rem;font-weight:700;color:#5AE890;margin-bottom:.4rem;}
.success-sub{font-size:12px;color:var(--t2);}

.rd-watermark{
  position:fixed;bottom:60px;left:50%;transform:translateX(-50%);
  font-size:10px;color:rgba(201,168,76,.06);
  white-space:nowrap;pointer-events:none;z-index:1;
  font-family:'Cairo',sans-serif;letter-spacing:2px;
  user-select:none;-webkit-user-select:none;
}

@keyframes fUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fUp .5s var(--ease) both;}
.d1{animation-delay:.1s;}.d2{animation-delay:.2s;}.d3{animation-delay:.3s;}.d4{animation-delay:.4s;}

@media (max-width:1100px) and (min-width:769px){
  .rd-layout{grid-template-columns:200px 1fr 260px;}
  .hero-main{padding:2.5rem 3rem 2rem;grid-template-columns:1fr 320px;}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .why-sec{grid-template-columns:1fr;gap:2rem;padding:2.5rem 3rem;}
  .feat-sec{padding:2rem 3rem;}
  .hero-visual .bstack{width:220px;height:310px;}
}

@media (max-width:1024px),(pointer:coarse){
  :root{--nav-h:calc(56px + env(safe-area-inset-top, 0px));}

  
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
  }
  #app-wrapper, .view, .rd-layout, .rd-main, .rd-scroll {
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
  }
  #app-wrapper input[type=range],
  .a-bar input[type=range],
  .amb-bar input[type=range] {
    touch-action: none !important;
    -webkit-appearance: none !important;
  }
  .rd-main{overflow:visible !important;flex:none !important;min-height:unset !important;}
  .rd-scroll{flex:none !important;overflow-y:visible !important;overflow:visible !important;-webkit-overflow-scrolling:auto !important;touch-action:auto !important;overscroll-behavior:auto !important;height:auto !important;padding-bottom:0 !important;}
  * { box-sizing: border-box !important; }

  
  .n-links{display:none;}
  .n-actions .btn-p,.n-actions .btn-o,.n-actions .tt-label,.n-actions .theme-toggle{display:none;}
  .n-actions .n-burger{display:flex;}
  #nav{padding:0 1rem;gap:.5rem;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;}
  .n-logo{flex-shrink:0;}
  .n-actions{flex-shrink:0;}
  .n-logo-en{display:none;}
  .n-logo-ar{font-size:12px;}
  .n-logo-text{overflow:hidden;}

  
  .hero-main{grid-template-columns:1fr;padding:2rem 1.25rem 1.75rem;gap:1.5rem;max-width:100%;overflow:hidden;}
  .hero-visual{display:none;}
  .hero-ey{font-size:9px;letter-spacing:1px;max-width:100%;overflow:hidden;white-space:normal;}
  .hero-h1{font-size:clamp(1.7rem,6vw,2.4rem);}
  .hero-tag{font-size:1rem;}
  .btn-hero{padding:12px 24px;font-size:13px;}
  .btn-hero2{padding:11px 20px;font-size:12px;}
  .hero-ctas{flex-wrap:wrap;gap:8px;}
  .hero-stats{gap:0;flex-wrap:wrap;padding-bottom:.25rem;}
  .hero-stat{flex-shrink:0;padding:.75rem 1rem;}
  .hs-num{font-size:1.4rem;}

  
  .feat-sec{padding:1.5rem 1.25rem;overflow:hidden;max-width:100%;}
  .feat-grid{grid-template-columns:1fr;overflow:hidden;max-width:100%;}
  .feat-lbl{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;overflow:hidden;font-size:9px;letter-spacing:1px;white-space:normal;word-break:break-word;}
  .feat-lbl::after{display:none;}
  .feat-sec,.feat-grid{gap:0;}

  
  .why-sec{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.25rem;}
  .why-h{font-size:1.4rem;}

  
  .lib-hdr{padding:1rem 1.25rem 0;overflow:hidden;max-width:100%;}
  .lib-hdr-top{flex-direction:column;gap:.75rem;}
  .lib-ctrl{flex-direction:column;align-items:flex-start;gap:6px;}
  .s-inp{width:120px;max-width:35vw;}
  .bks-container{padding:1rem 1.25rem;}
  .flt-bar{padding-bottom:.5rem;max-width:100%;}
  .bks-grid{grid-template-columns:repeat(2,1fr);}

  
  .landing-section{padding:2rem 1.25rem !important;}
  .footer-main{grid-template-columns:1fr !important;padding:2rem 1.25rem;gap:1.5rem;}
  .footer-col{border-top:1px solid var(--bs);padding-top:1rem;}
  .testimonials-grid{grid-template-columns:1fr;}

  
  .rd-layout{grid-template-columns:1fr;display:block;height:auto;overflow:visible;}
  .rd-chaps,.rd-panel{display:none;}
  .pt{display:none !important;}
  .rd-mobile-tabs{display:flex !important;flex-direction:column !important;overflow:hidden !important;}
  .rd-mt-rows{display:flex !important;flex-direction:column !important;width:100% !important;}
  .rd-mt-inner{display:flex !important;width:100% !important;min-width:0 !important;overflow:hidden !important;}
  .rd-mt-btn{flex:1;padding:8px 2px;font-size:10px;font-weight:700;border:none;background:none;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .rd-mt-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
  .rd-mt-row2-wrap{display:flex !important;flex-direction:row !important;align-items:center !important;width:100% !important;overflow:hidden !important;}
  .rd-mt-row2{display:flex !important;flex:1 !important;overflow:hidden !important;}
  .rd-mt-section-label{white-space:nowrap;flex-shrink:0;}
  .rd-chaps.mob-active,.rd-panel.mob-active{display:flex;position:fixed;top:var(--nav-h);bottom:0;z-index:800;width:85%;max-width:340px;background:var(--bg1);box-shadow:var(--sh);border:none;}
  .rd-chaps.mob-active{right:0;}
  .rd-panel.mob-active{left:0;}
  .rd-tb{flex-direction:column;overflow:hidden;}
  .tb-row{height:auto;padding:.4rem .75rem;flex-wrap:wrap;gap:.3rem;overflow:hidden;}
  .tb-sp{display:none;}
  .tb-b{font-size:10px;height:24px;padding:0 6px;}
  .rd-text{padding:1.5rem 1.25rem 3rem !important;max-width:100% !important;}
  .para{font-size:15px;}

  
  .a-bar{height:auto !important;min-height:0 !important;}
  .a-progress-row{padding:8px 10px 3px;gap:6px;}
  .a-main-row{padding:2px 8px 6px;gap:0;justify-content:space-between;}
  .a-info{display:none;}
  .a-controls{flex:1;justify-content:center;gap:4px;}
  .a-btn{width:32px;height:32px;font-size:14px;}
  .a-ply{width:38px;height:38px;font-size:16px;}
  .a-side{flex:0 0 auto;gap:4px;margin-right:0;}
  .a-binfo{display:none;}
}

@media (max-width:480px){
  .bks-grid{grid-template-columns:repeat(2,1fr);}
  .hero-h1{font-size:1.6rem;}
  .hero-stats{gap:0;}
  .hero-stat{padding-left:1.25rem;margin-left:1.25rem;}
  .hs-num{font-size:1.25rem;}
  .feat-sec,.feat-grid{gap:0;}
  .fc{padding:1.25rem;}
}

@media (hover:none){
  .bk-card:hover .bk-ov{opacity:1;}
  .bk-card:hover .bk-ov-btn{transform:translateY(0);opacity:1;}
  .tb-b,.ch-item,.n-link,.fc-chip,.c-chip,.qi,.wp{min-height:44px;}
  .tb-b{min-height:36px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}
.auth-body{padding:1.5rem;}
.auth-form{display:flex;flex-direction:column;gap:.875rem;}
.auth-form-section{display:none;}
.auth-form-section.active{display:flex;flex-direction:column;gap:.875rem;}
.auth-inp{width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;transition:border-color .2s ease;}
.auth-inp:focus{border-color:var(--gold);}
.auth-inp::placeholder{color:var(--t2);}
.auth-btn{width:100%;padding:.875rem;background:var(--gold);color:var(--bg0);font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;}
.auth-btn:hover{background:var(--gold-l);}
.auth-btn:disabled{opacity:.6;cursor:not-allowed;}
.auth-err{font-size:12px;color:#E74C3C;text-align:center;min-height:1rem;}
.auth-ok{font-size:12px;color:#27AE60;text-align:center;}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--t2);font-size:11px;margin:.5rem 0;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--bs);}

.user-menu{position:relative;overflow:visible!important;}
.user-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--bs);color:var(--t1);padding:6px 12px;cursor:pointer;font-size:12px;font-family:Cairo,sans-serif;transition:all .2s ease;}
.user-btn:hover{border-color:var(--gold);color:var(--gold);}
.user-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg2);border:1px solid var(--bm);min-width:180px;z-index:2000;display:none;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.user-dropdown.open{display:block!important;}
.user-dd-item{padding:.6rem 1rem;font-size:12px;color:var(--t1);cursor:pointer;display:block;transition:background .15s ease;border:none;background:none;width:100%;text-align:right;font-family:Cairo,sans-serif;}
.user-dd-item:hover{background:var(--bg3);color:var(--gold);}
.user-dd-sep{height:1px;background:var(--bs);}


.verify-banner.show{display:block;}

.landing-section{padding:4rem;background:var(--bg0);scroll-margin-top:var(--nav-h);}
.landing-h{font-size:1.6rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.landing-h span{color:var(--gold);}
.landing-sub{font-size:13px;color:var(--t2);margin-bottom:2.5rem;line-height:1.8;}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--bs);}
.testimonial{background:var(--bg1);padding:1.5rem;}
.testimonial-text{font-family:Amiri,serif;font-size:1rem;color:var(--t1);line-height:1.9;font-style:italic;margin-bottom:.75rem;}
.testimonial-author{font-size:11px;color:var(--gold);letter-spacing:1px;}
.daily-quote{background:var(--bg1);border-right:3px solid var(--gold);padding:1.5rem 2rem;margin:1.5rem 0;}
.daily-quote-text{font-family:Amiri,serif;font-size:1.1rem;color:var(--t0);line-height:2;font-style:italic;}
.daily-quote-source{font-size:11px;color:var(--gold);margin-top:.5rem;}
.my-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.5rem 2rem;}
.lib-book-card{background:var(--bg1);border:1px solid var(--bs);cursor:pointer;transition:border-color .2s ease;}
.lib-book-card:hover{border-color:var(--gold);}
.lib-book-thumb{height:140px;position:relative;overflow:hidden;}
.lib-book-pct{font-size:11px;color:var(--gold);font-weight:700;}
.history-list{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.hist-item{background:var(--bg1);padding:.875rem 1.25rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s ease;}
.hist-item:hover{background:var(--bg3);}
.free-preview-wall{background:linear-gradient(to bottom,transparent,var(--rd-bg) 40%);position:sticky;bottom:0;left:0;right:0;height:200px;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;}
.free-wall-box{background:var(--bg1);border:1px solid var(--bm);padding:1.25rem 1.5rem;text-align:center;max-width:400px;width:100%;}
.free-wall-title{font-size:1rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.free-wall-sub{font-size:12px;color:var(--t2);margin-bottom:1rem;}
.contact-form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;}
.contact-select{width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;}
.contact-textarea{width:100%;padding:.875rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;resize:vertical;min-height:130px;line-height:1.8;}
.contact-textarea:focus,.contact-select:focus{border-color:var(--gold);}
.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.faq-item{background:var(--bg1);}
.faq-q{padding:1rem 1.25rem;font-size:13px;font-weight:700;color:var(--t0);cursor:pointer;display:flex;align-items:center;justify-content:space-between;}
.faq-a{padding:0 1.25rem 1rem;font-size:12px;color:var(--t2);line-height:1.9;display:none;}
.faq-a.open{display:block;}
.footer-main{background:var(--bg1);border-top:1px solid var(--bs);padding:3rem 4rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;}
.footer-brand p{font-size:12px;color:var(--t2);line-height:1.8;margin-top:.75rem;}
.footer-col h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-style:italic;}
.footer-col a{display:block;font-size:12px;color:var(--t2);margin-bottom:.5rem;cursor:pointer;transition:color .2s ease;}
.footer-col a:hover{color:var(--gold);}
.footer-social{display:flex;gap:.75rem;margin-top:.5rem;}
.footer-soc-btn{width:34px;height:34px;background:var(--bg2);border:1px solid var(--bs);color:var(--t2);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease;}
.footer-soc-btn:hover{border-color:var(--gold);color:var(--gold);}
.footer-bottom{background:var(--bg0);border-top:1px solid var(--bs);padding:.875rem 4rem;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--t2);}
.footer-legal{display:flex;gap:1.5rem;}
.footer-legal a{color:var(--t2);cursor:pointer;transition:color .2s ease;}
.footer-legal a:hover{color:var(--gold);}

.achievement-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:3000;display:none;align-items:center;justify-content:center;}
.achievement-overlay.open{display:flex;}
.achievement-card{background:linear-gradient(135deg,#1C1506,#0B0A07);border:1px solid var(--gold);padding:3rem 2rem;text-align:center;max-width:400px;width:90%;}
.achievement-icon{font-size:3rem;margin-bottom:1rem;}
.achievement-title{font-size:1.4rem;font-weight:700;color:var(--gold);margin-bottom:.5rem;}
.achievement-book{font-size:1rem;color:var(--t0);margin-bottom:1.5rem;}
.achievement-name{font-size:12px;color:var(--t2);margin-bottom:1.5rem;}
.discount-banner{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.3);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.countdown-timer{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--gold);}
@media(max-width:900px){
  .footer-main{grid-template-columns:1fr 1fr;gap:2rem;}
  .landing-section{padding:2.5rem 1.5rem;}
  .hero-main{grid-template-columns:1fr;padding:2rem 1.5rem;}
  .hero-visual{display:none;}
  .feat-sec{padding:1.5rem;}
  .feat-grid{grid-template-columns:1fr;}
  .why-sec{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1.5rem;}
}
@media(max-width:600px){
  .footer-main{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:.75rem;text-align:center;}
}
body.focus-mode #nav,
body.focus-mode .rd-mobile-tabs,
body.focus-mode .rd-tb,
body.focus-mode .rd-chaps,
body.focus-mode .rd-panel,
body.focus-mode .rd-prog,
body.focus-mode .a-bar,
body.focus-mode .amb-bar,
body.focus-mode #warning-section,
body.focus-mode #rd-nav-bar,
body.focus-mode .verify-banner,
body.focus-mode #verify-banner,
body.focus-mode .site-footer,
body.focus-mode footer {
  display: none !important;
}
body.focus-mode .rd-layout {
  padding-top: 0 !important;
}
@media(min-width:769px){
  body.focus-mode .rd-status { display: none !important; }
}
body.focus-mode .rd-main {
  width: 100% !important;
  max-width: 100% !important;
}
body.focus-mode #rd-scroll {
  padding-bottom: 60px !important;
  padding-top: 1rem;
}

body.focus-mode .view-reader,
body.focus-mode #view-reader {
  padding-top: 0 !important;
}
#focus-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9000;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
  padding: 0 8px;
  height: 48px;
  background: var(--bg1);
  border-top: 1px solid var(--gold);
  box-shadow: 0 -2px 16px rgba(0,0,0,.5);
  overflow: hidden;
}
#focus-bar button:hover { color: var(--t0); border-color: var(--gold); }
#focus-bar .focus-exit {
  background: var(--gs);
  color: var(--gold);
  border-color: var(--gold);
  font-weight: 600;
}
body.focus-mode {
  --rd-scroll-padding: 0;
}

.tb-row-2 { min-height: 36px; }
.tb-row-2 .tb-b { font-size: 12px; }
.rd-mt-group-label {
  color: var(--gold) !important;
  font-size: 9px !important;
  letter-spacing: 1px;
  opacity: 0.8;
  cursor: default !important;
  border-bottom: none !important;
  padding: 8px 4px 4px !important;
  font-weight: 900 !important;
  flex: 0 0 auto !important;
}

.rd-footer {
  padding: 2rem 1.5rem;
  border-top: 1px solid var(--rd-b);
  text-align: center;
  direction: rtl;
}
.rd-footer-brand { font-size: 12px; font-weight: 700; color: var(--rd-m); margin-bottom: .5rem; }
.rd-footer-links { font-size: 11px; color: var(--rd-m); margin-bottom: .5rem; display: flex; gap: 8px; justify-content: center; align-items: center; flex-wrap: wrap; }
.rd-footer-links a { color: var(--rd-m); cursor: pointer; text-decoration: underline; }
.rd-footer-copy { font-size: 10px; color: var(--rd-m); opacity: .6; }
.rd-mt-rows { display: flex; flex-direction: column; width: 100%; }
.rd-mt-row1 { border-bottom: 1px solid var(--bs); }
.rd-mt-row2-wrap {
  display: flex;
  align-items: center;
  background: var(--bg2);
  padding: 0;
}
.rd-mt-section-label {
  font-size: 9px;
  font-weight: 900;
  color: var(--gold);
  letter-spacing: 0.5px;
  padding: 0 8px;
  white-space: nowrap;
  flex-shrink: 0;
  opacity: 0.9;
  border-left: 2px solid var(--gold);
  margin-left: 4px;
}
.rd-mt-row2 { flex: 1; }

.feat-lbl-en{font-size:8px;letter-spacing:2px;opacity:.7;}
@media(max-width:768px){
  .feat-lbl{flex-direction:column;gap:2px;}
  .feat-lbl-en{letter-spacing:0.5px;}
}
.ch-section-header{padding:.6rem 1.25rem .3rem;margin-top:.5rem;}
.ch-section-title{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700;font-family:'Cairo',sans-serif;}
.ch-section-desc{display:block;font-size:10px;color:var(--t2);margin-top:2px;line-height:1.5;font-style:italic;}
.rd-chaps-foot{padding:1rem 1.25rem;border-top:1px solid var(--bs);flex-shrink:0;}
.pr-ring-wrap{display:flex;align-items:center;gap:12px;}
.pr-ring-text .pct{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--gold);}
.pr-ring-text .lbl{font-size:10px;color:var(--t2);}

.rd-main{
  display:flex;flex-direction:column;
  background:var(--rd-bg);
  overflow:hidden;
  position:relative;
  flex:1;
  min-height:0;
}

.rd-tb{
  background:var(--rd-tb);border-bottom:1px solid var(--rd-b);
  display:flex;flex-direction:column;padding:0;
  flex-shrink:0;overflow:visible;gap:0;
}
.tb-row{
  display:flex;align-items:center;padding:0 1rem;height:44px;
  overflow-x:auto;scrollbar-width:none;gap:.5rem;flex-shrink:0;
  border-bottom:1px solid var(--rd-b);
  font-weight:700;
}
.tb-row:last-child{border-bottom:none;}
.tb-row::-webkit-scrollbar{display:none;}
.rd-tb::-webkit-scrollbar{display:none;}
.tb-g{display:flex;align-items:center;gap:3px;flex-shrink:0;}
.tb-sp{width:1px;height:18px;background:var(--rd-b);flex-shrink:0;}
.tb-lbl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--rd-m);font-style:italic;flex-shrink:0;font-weight:700;}
.tb-b{font-weight:700;
  font-family:'Cairo',sans-serif;font-size:11px;
  background:none;border:1px solid transparent;
  color:var(--rd-m);padding:4px 9px;
  cursor:pointer;transition:all .2s ease;
  height:28px;display:flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0;
}
.tb-b:hover{border-color:rgba(0,0,0,.15);color:var(--rd-t);background:rgba(0,0,0,.04);}
.tb-b.active{background:var(--gold-d);color:#fff;border-color:var(--gold-d);}
.tb-sz{font-family:'Playfair Display',serif;font-size:11px;color:var(--rd-m);min-width:20px;text-align:center;flex-shrink:0;}
.tb-sel{
  font-family:'Cairo',sans-serif;font-size:11px;
  background:rgba(0,0,0,.04);color:var(--rd-t);
  border:1px solid rgba(0,0,0,.1);padding:4px 7px;outline:none;cursor:pointer;
  height:28px;flex-shrink:0;
}
.rd-prog{height:2px;background:rgba(0,0,0,.06);flex-shrink:0;}
.rd-prog-f{height:100%;background:linear-gradient(to left,var(--gold-d),var(--gold));width:37%;transition:width .5s ease;}
.rd-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom,0);transition:padding-bottom .25s ease;}
input[type=range]{touch-action:none;-webkit-appearance:none;}

@media(max-width:768px){
  .a-bar.on{z-index:99;}
}
.rd-text{max-width:660px;margin:0 auto;padding:3rem 2rem 4rem;direction:rtl;}
.ch-lbl{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-d);margin-bottom:.875rem;font-style:italic;}
.ch-tit{font-family:'Cairo',sans-serif;font-size:1.65rem;font-weight:700;color:var(--rd-t);line-height:1.3;margin-bottom:.4rem;}
.ch-sub{font-family:'Amiri',serif;font-size:1.05rem;color:var(--rd-m);font-style:italic;margin-bottom:1.75rem;}
.orn{display:flex;align-items:center;gap:14px;margin-bottom:1.75rem;color:var(--gold-d);opacity:.45;}
.orn-l{flex:1;height:1px;background:var(--gold-d);opacity:.3;}
.sel-menu{position:fixed;z-index:99999;background:var(--bg1);border:1px solid var(--bs);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:168px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease;}
.sel-menu.show{visibility:visible;opacity:1;pointer-events:auto;}
.mob-back-read{width:100%;padding:10px 16px;background:var(--gold-d);color:#fff;border:none;border-radius:8px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;text-align:center;margin-bottom:8px;flex-shrink:0;}
.tb-icon-btn{flex-direction:column;height:auto!important;padding:4px 8px!important;gap:2px!important;min-width:44px;}
.tb-ico{font-size:14px;line-height:1;}
.tb-ico-lbl{font-size:9px;letter-spacing:.3px;color:var(--rd-m);font-family:'Cairo',sans-serif;line-height:1;}
.tb-icon-btn:hover .tb-ico-lbl{color:var(--rd-t);}
.tb-icon-btn.active .tb-ico-lbl{color:#fff;}
.tb-search-inp{flex:1;font-family:'Cairo',sans-serif;font-size:12px;background:var(--bg2);color:var(--t0);border:1px solid var(--bs);border-radius:6px;padding:4px 10px;outline:none;height:28px;min-width:0;}
.tb-search-inp:focus{border-color:var(--gold);}
.rd-search-hl{background:rgba(255,200,0,.45);border-radius:2px;}
.rd-search-hl.active{background:rgba(255,140,0,.7);outline:2px solid var(--gold);}
.sel-m-btn{padding:8px 12px;background:none;border:none;color:var(--t0);font-size:13px;cursor:pointer;border-radius:6px;text-align:right;display:flex;align-items:center;gap:8px;width:100%;font-family:Cairo,sans-serif;}
.sel-m-btn:hover{background:var(--bs);}
.sel-m-sep{height:1px;background:var(--bs);margin:2px 0;}
.hl-yellow{background:rgba(255,215,0,.45);}
.hl-blue{background:rgba(40,100,220,.3);}
.hl-green{background:rgba(40,160,80,.3);}
.para{
  font-family:'Cairo',sans-serif;
  font-size:16px;line-height:2.1;color:var(--rd-t);
  margin-bottom:1.6rem;text-align:justify;user-select:text;
}
.para strong{color:var(--rd-t);font-weight:700;}
.para em{font-family:'Amiri',serif;font-style:italic;color:var(--rd-m);}
.hl-y{background:rgba(255,215,0,.28);padding:1px 2px;}
.hl-b{background:rgba(30,100,220,.12);padding:1px 2px;}
.hl-g{background:rgba(40,160,80,.12);padding:1px 2px;}
.rd-status{
  background:var(--rd-tb,var(--bg1));
  border-top:1px solid var(--rd-b,var(--bm));
  border-bottom:1px solid var(--rd-b,var(--bm));
  height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 6px;gap:2px;overflow:hidden;
}
.rd-status .tb-b{
  color:var(--rd-t,var(--t0)) !important;
  font-size:9px;font-weight:600;
  border-color:var(--rd-b,var(--bm)) !important;
}
.rd-status #rd-global-page{color:var(--rd-t,var(--t0)) !important;font-weight:700;}
.rd-status #rd-chapter-label{color:var(--rd-m,var(--t2)) !important;}
.st-t{font-size:10px;color:var(--rd-m);font-style:italic;}
.st-nav{display:flex;gap:6px;}

.rd-panel{
  background:var(--bg0);border-right:1px solid var(--bs);
  display:flex;flex-direction:column;overflow:hidden;height:100%;
}
.pt{
  display:flex;border-bottom:1px solid var(--bs);flex-shrink:0;overflow-x:auto;scrollbar-width:none;
}
.pt::-webkit-scrollbar{display:none;}
.pt-tab{
  flex:1;height:42px;font-size:11px;color:var(--t2);
  background:none;border:none;border-bottom:2px solid transparent;
  cursor:pointer;transition:all .2s ease;font-family:'Cairo',sans-serif;
}
.pt-tab:hover{color:var(--t0);}
.pt-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
.p-body{flex:1;overflow-y:auto;padding:1.25rem;-webkit-overflow-scrolling:touch;}
.ps-title{font-size:12px;letter-spacing:.5px;color:var(--t2);font-family:'Cairo',sans-serif;font-weight:700;margin-bottom:.75rem;}
.n-card{
  background:var(--bg1);border:1px solid var(--bf);
  padding:.7rem;margin-bottom:7px;cursor:pointer;transition:border-color .2s ease;
}
.n-card:hover{border-color:var(--gb);}
.n-card-t{font-size:12px;color:var(--t1);line-height:1.7;}
.n-card-m{font-size:10px;color:var(--t2);margin-top:4px;font-style:italic;}
.n-ta{
  font-family:'Cairo',sans-serif;font-size:12px;
  background:var(--bg1);color:var(--t0);
  border:1px solid var(--bs);padding:10px;outline:none;
  resize:vertical;min-height:72px;width:100%;
  direction:rtl;line-height:1.8;transition:border-color .2s ease;
}
.n-ta:focus{border-color:var(--gold);}
.q-card{
  background:var(--bg1);border-right:3px solid var(--gold);
  padding:.7rem 1rem;margin-bottom:7px;transition:background .2s ease;
}
.q-card:hover{background:var(--gs);}
.q-card-t{font-family:'Amiri',serif;font-size:13px;color:var(--t0);line-height:1.8;font-style:italic;}
.q-card-l{font-size:10px;color:var(--t2);margin-top:4px;font-style:italic;}
.q-card-actions{display:flex;gap:6px;margin-top:6px;justify-content:flex-end;}
.q-btn-img{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);color:var(--gold);
  font-size:10px;padding:2px 8px;cursor:pointer;font-family:'Cairo',sans-serif;border-radius:2px;}
.q-btn-img:hover{background:rgba(201,168,76,.2);}
.q-btn-del{background:none;border:none;color:var(--t2);cursor:pointer;font-size:12px;padding:2px 6px;}
.q-btn-del:hover{color:var(--err);}

.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.st-cell{background:var(--bg1);border:1px solid var(--bf);padding:.7rem;text-align:center;}
.sv{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--gold);}
.sl{font-size:10px;color:var(--t2);margin-top:2px;}
.cc{display:flex;flex-wrap:wrap;gap:4px;}
.c-chip{
  font-size:10px;padding:4px 9px;
  border:1px solid var(--gb);color:var(--gold);
  cursor:pointer;transition:all .2s ease;
}
.c-chip:hover{background:var(--gs);}
.ql{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.qi{
  background:var(--bg1);padding:.7rem .875rem;
  display:flex;align-items:flex-start;gap:7px;
  cursor:pointer;transition:background .2s ease;
}
.qi:hover{background:var(--bg3);}
.qb{color:var(--gold);font-size:10px;margin-top:3px;flex-shrink:0;}
.qt{font-size:12px;color:var(--t1);line-height:1.6;}
.hl-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:.75rem;}
.hl-li{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--t2);}
.hl-ld{width:10px;height:10px;border-radius:50%;}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.mb{
  font-family:'Cairo',sans-serif;font-size:10px;
  background:var(--bg1);border:1px solid var(--bs);color:var(--t2);
  padding:7px 4px;cursor:pointer;text-align:center;transition:all .2s ease;
}
.mb:hover,.mb.active{border-color:var(--gold);color:var(--gold);background:var(--gs);}
.dg{height:1px;background:linear-gradient(90deg,transparent,var(--gb),transparent);margin:1rem 0;}

.rd-main.nm{background:#111;}
.rd-main.nm .rd-tb{background:#0D0D0D;border-color:rgba(255,255,255,.06);}
.rd-main.nm .rd-status{background:#0D0D0D;border-color:rgba(255,255,255,.06);}
.rd-main.nm .rd-status .tb-b,.rd-main.nm .rd-status button{color:#C8B896 !important;}
.rd-main.nm .rd-status span{color:#C8B896 !important;}
.rd-status.nm,.rd-status.nm{background:#0D0D0D !important;border-color:rgba(255,255,255,.06) !important;}
.rd-status.nm .tb-b,.rd-status.nm button{color:#D4C5A0 !important;border-color:rgba(200,184,150,.25) !important;font-weight:600;}
.rd-status.nm span,.rd-status.nm #rd-global-page,.rd-status.nm #rd-chapter-label{color:#D4C5A0 !important;}
.rd-main.nm .tb-b{color:#7A7060;}
.rd-main.nm .tb-b:hover{color:#C0B090;background:rgba(255,255,255,.05);}
.rd-main.nm .tb-b.active{background:var(--gold-d);color:#fff;}
.rd-main.nm .para{color:#E8DCCF;}
.rd-main.nm .para strong,.rd-main.nm .para b{color:#F5EAD5;}
.rd-main.nm .para em,.rd-main.nm .para i{color:#D4C4A8;}
.rd-main.nm .ch-tit{color:#F0E4C0;}
.rd-main.nm .ch-sub{color:#C8B896;}
.rd-main.nm .ch-lbl{color:var(--gold) !important;}
.rd-main.nm .rd-scroll{background:#111;}
.rd-main.nm .rd-text{color:#E8DCCF;}
.rd-main.nm .rd-text *{color:inherit;}
.rd-main.nm .rd-text h1,.rd-main.nm .rd-text h2,.rd-main.nm .rd-text h3{color:#F0E4C0 !important;}
.rd-main.nm .rd-text li,.rd-main.nm .rd-text ul,.rd-main.nm .rd-text ol{color:#E8DCCF !important;}
.rd-main.nm .orn-l{background:var(--gold) !important;opacity:.4;}
.a-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--bg1);
  border-top: 1px solid var(--bm);
  display: none;
  flex-direction: column;
  z-index: 500;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  transition: bottom .25s ease;
  box-shadow: 0 -4px 20px rgba(0,0,0,.4);
}
.a-bar.on { display: flex; }
.a-progress-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 4px;
  direction: ltr;
}
.a-time-cur, .a-time-tot {
  font-size: 10px;
  color: var(--t2);
  font-variant-numeric: tabular-nums;
  min-width: 32px;
  font-family: monospace;
  flex-shrink: 0;
}
.a-time-tot { text-align: right; }
.a-track-wrap {
  flex: 1;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
}
.a-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: var(--bs);
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.a-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--gold);
  cursor: pointer;
  box-shadow: 0 0 0 3px rgba(201,168,76,.2);
  transition: box-shadow .15s;
}
.a-range::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 5px rgba(201,168,76,.3);
}
.a-range::-moz-range-thumb {
  width: 14px; height: 14px;
  border-radius: 50%;
  background: var(--gold);
  cursor: pointer;
  border: none;
}
.a-main-row {
  display: flex;
  align-items: center;
  padding: 4px 16px 8px;
  gap: 12px;
}
.a-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  direction: rtl;
}
.a-title {
  font-size: 12px;
  color: var(--t0);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.a-chap {
  font-size: 10px;
  color: var(--t2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.a-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
  flex-shrink: 0;
  overflow: visible;
}
.a-btn {
  width: 32px; height: 32px;
  background: none; border: none;
  color: var(--t2); font-size: 14px;
  cursor: pointer; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: all .15s;
  padding: 0;
}
.a-btn:hover { color: var(--t0); background: var(--gs); }
.a-ply {
  width: 38px; height: 38px;
  background: var(--gold);
  color: var(--bg0) !important;
  font-size: 16px;
  flex-shrink: 0;
}
.a-ply:hover { background: var(--gold-l) !important; }
.a-side {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-right: auto;
}
.a-close {
  font-size: 12px;
  color: var(--t3);
}
.a-speed {
  font-size: 10px;
  color: var(--t2);
  cursor: pointer;
  padding: 2px 6px;
  border: 1px solid var(--bs);
  border-radius: 3px;
  user-select: none;
  transition: all .15s;
  font-weight: 600;
}
.a-speed:hover { color: var(--gold); border-color: var(--gold); }
@media (max-width: 600px) {
}
.amb-bar{
  position:fixed;bottom:0;left:0;right:0;
  height:52px;background:rgba(10,10,10,.96);
  border-top:1px solid rgba(201,168,76,.15);
  display:none;align-items:center;
  padding:0 1.25rem;gap:1rem;z-index:510;
  backdrop-filter:blur(12px);
  transition:transform .3s ease;
}
[data-theme="light"] .amb-bar{
  background:rgba(245,240,230,.97);
  border-top:1px solid rgba(139,94,26,.15);
}
.amb-bar.visible{display:flex;}

.amb-label{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);font-style:italic;flex-shrink:0;white-space:nowrap;
}
.amb-options{display:flex;gap:5px;flex-shrink:0;}
.amb-opt{
  font-family:'Cairo',sans-serif;font-size:11px;
  background:transparent;color:var(--t2);
  border:1px solid var(--bs);
  padding:5px 12px;cursor:pointer;
  transition:all .2s ease;white-space:nowrap;
  display:flex;align-items:center;gap:5px;
}
.amb-opt:hover{border-color:var(--gold);color:var(--t0);}
.amb-opt.active{
  background:var(--gs);border-color:var(--gold);color:var(--gold);font-weight:700;
}
.amb-vol-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.amb-vol-btn{background:none;border:1px solid rgba(201,168,76,0.3);border-radius:4px;color:var(--gold);font-size:16px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;touch-action:manipulation;}
.amb-vol-btn:active{background:rgba(201,168,76,0.15);}
.amb-vol-val{font-size:11px;color:var(--t2);min-width:30px;text-align:center;}
.amb-stop{
  background:none;border:none;color:var(--t2);
  font-size:16px;cursor:pointer;padding:4px;
  transition:color .2s ease;margin-right:auto;
}
.amb-stop:hover{color:var(--t0);}
.amb-status{
  display:flex;align-items:center;gap:5px;
  font-size:10px;color:var(--gold);
}
.amb-pulse{
  width:6px;height:6px;background:var(--gold);border-radius:50%;
  animation:pulse 1.5s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
#print-container { display:none !important; position:absolute !important; left:-9999px !important; top:0 !important; width:21cm; }

@media print {
  body > * { display:none !important; }
  #print-container { display:block !important; position:static !important; left:0 !important; }
  #print-container div, #print-container p, #print-container h2, #print-container span, #print-container li { display:revert !important; }
  .print-footer { display:flex !important; }
  .print-drm-page { display:flex !important; flex-direction:column !important; }
  @page { size:A4 portrait; margin:2.5cm 2.5cm 2.5cm 2.5cm; }
  @page :first { margin:2.5cm 2.5cm 2.5cm 2.5cm; }
  html, body { background:#fff!important; color:#000!important; direction:rtl; }
  #print-container p { max-width:100%; word-wrap:break-word; overflow-wrap:break-word; box-sizing:border-box; }
  #print-container * { max-width:100%; box-sizing:border-box; }
  #print-container { margin:0!important; padding:0!important; }
  .print-chapter { page-break-before:always; break-before:page; margin:0!important; padding:0!important; width:100%!important; box-sizing:border-box!important; }
  .print-chapter:first-of-type { page-break-before:avoid; break-before:avoid; }
  .print-chapter-body { margin:0!important; padding:0!important; width:100%!important; box-sizing:border-box!important; }
  h2 { font-size:16pt!important; margin:0 0 0.4cm 0!important; page-break-after:avoid; }
  p, .para { font-size:var(--print-font-size,12pt)!important; line-height:2!important; margin-bottom:0.7cm!important; text-align:justify!important; direction:rtl; page-break-inside:avoid; orphans:3; widows:3; }
  .pf-title{flex:1;text-align:right}.pf-num{flex:0;min-width:2cm;text-align:center;color:#C9A84C;font-weight:700}.pf-lib{flex:1;text-align:left}
}
.print-watermark{display:none;}
@media print{
}
@media (max-width: 768px) {
}

.pdf-modal-back{
  position:fixed;inset:0;background:rgba(0,0,0,.8);
  z-index:3000;display:none;align-items:center;justify-content:center;
  padding:1.5rem;backdrop-filter:blur(8px);
}
.pdf-modal-back.open{display:flex;}
.pdf-modal{
  background:var(--bg1);border:1px solid var(--bm);
  width:100%;max-width:460px;
  animation:modalIn .3s var(--ease);
}
.pdf-modal-hdr{
  padding:1.25rem 1.5rem;border-bottom:1px solid var(--bs);
  display:flex;justify-content:space-between;align-items:center;
}
.pdf-modal-title{font-size:1rem;font-weight:700;color:var(--t0);}
.pdf-modal-body{padding:1.5rem;}
.pdf-opt-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.6rem 0;border-bottom:1px solid var(--bf);
  font-size:12px;color:var(--t1);
}
.pdf-opt-row:last-child{border-bottom:none;}
.pdf-opt-val{color:var(--gold);font-weight:600;}
.pdf-modal-footer{
  padding:1rem 1.5rem;border-top:1px solid var(--bs);
  display:flex;gap:8px;
}
.pdf-print-btn{
  flex:1;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:var(--bg0);border:none;
  padding:11px 20px;cursor:pointer;
  transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px;
}
.pdf-print-btn:hover{background:var(--gold-l);}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.75);
  z-index:2000;display:none;align-items:center;justify-content:center;
  padding:1.5rem;backdrop-filter:blur(6px);
}
.modal-backdrop.open{display:flex;}
.modal-box{
  background:var(--bg1);border:1px solid var(--bm);
  width:100%;max-width:480px;
  position:relative;
  animation:modalIn .3s var(--ease);
}
@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.modal-header{
  padding:1.5rem 1.5rem 1rem;
  border-bottom:1px solid var(--bs);
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
}
.modal-title-ar{font-size:1.1rem;font-weight:700;color:var(--t0);margin-bottom:3px;}
.modal-title-en{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-style:italic;}
.modal-close{
  background:none;border:none;color:var(--t2);font-size:20px;
  cursor:pointer;padding:0;transition:color .2s ease;flex-shrink:0;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
}
.modal-close:hover{color:var(--t0);}
.modal-body{padding:1.5rem;}

.modal-book-card{
  display:flex;align-items:center;gap:12px;
  background:var(--bg2);border:1px solid var(--bs);
  padding:.875rem 1rem;margin-bottom:1.5rem;
}
.modal-book-thumb{
  width:40px;height:56px;flex-shrink:0;
  border:1px solid var(--bs);display:flex;
  align-items:center;justify-content:center;
  font-size:20px;position:relative;overflow:hidden;
}
.modal-book-info .mbi-title{font-size:13px;font-weight:700;color:var(--t0);margin-bottom:3px;}
.modal-book-info .mbi-user{
  font-size:11px;color:var(--gold);
  display:flex;align-items:center;gap:5px;
}
.mbi-user-icon{font-size:10px;}

.code-label{font-size:11px;font-weight:600;color:var(--t1);margin-bottom:8px;display:block;}
.code-input-wrap{
  display:flex;gap:8px;align-items:stretch;
  margin-bottom:.75rem;
}
.code-input{
  flex:1;font-family:'Cairo',sans-serif;font-size:14px;font-weight:600;
  background:var(--bg0);color:var(--t0);
  border:1px solid var(--bm);padding:11px 14px;
  outline:none;direction:ltr;text-align:center;
  letter-spacing:3px;text-transform:uppercase;
  transition:border-color .2s ease;
}
.code-input:focus{border-color:var(--gold);}
.code-input::placeholder{color:var(--t2);letter-spacing:1px;font-size:12px;text-transform:none;}
.code-input.error{border-color:#E87878;animation:shake .4s ease;}
.code-input.success{border-color:#5AE890;}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.code-feedback{
  font-size:12px;min-height:18px;margin-bottom:1rem;
  display:flex;align-items:center;gap:6px;
}
.code-feedback.err{color:#E87878;}
.code-feedback.ok{color:#5AE890;}
.code-feedback.warn{color:var(--gold);}

.modal-btn-row{display:flex;gap:8px;flex-wrap:wrap;}
.modal-btn-activate{
  flex:1;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;
  background:var(--gold);color:var(--bg0);
  border:none;padding:12px 20px;cursor:pointer;
  transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px;
}
.modal-btn-activate:hover{background:var(--gold-l);}
.modal-btn-activate:disabled{opacity:.4;cursor:not-allowed;}
.modal-btn-buy-ext{
  font-family:'Cairo',sans-serif;font-size:12px;
  background:transparent;color:var(--t1);
  border:1px solid var(--bs);padding:12px 16px;
  cursor:pointer;transition:all .25s ease;
  display:flex;align-items:center;gap:6px;text-decoration:none;
  white-space:nowrap;
}
.modal-btn-buy-ext:hover{border-color:var(--gold);color:var(--gold);}

.modal-helper{
  font-size:11px;color:var(--t2);margin-top:1rem;
  padding-top:1rem;border-top:1px solid var(--bf);
  line-height:1.7;
}
.modal-helper a{color:var(--gold);text-decoration:none;}
.modal-helper a:hover{text-decoration:underline;}

.modal-success-state{
  text-align:center;padding:2rem 1rem;
  display:none;
}
.modal-success-state.show{display:block;}
.success-icon{font-size:2.5rem;margin-bottom:.75rem;}
.success-title{font-size:1.1rem;font-weight:700;color:#5AE890;margin-bottom:.4rem;}
.success-sub{font-size:12px;color:var(--t2);}

.rd-watermark{
  position:fixed;bottom:60px;left:50%;transform:translateX(-50%);
  font-size:10px;color:rgba(201,168,76,.06);
  white-space:nowrap;pointer-events:none;z-index:1;
  font-family:'Cairo',sans-serif;letter-spacing:2px;
  user-select:none;-webkit-user-select:none;
}

@keyframes fUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fUp .5s var(--ease) both;}
.d1{animation-delay:.1s;}.d2{animation-delay:.2s;}.d3{animation-delay:.3s;}.d4{animation-delay:.4s;}

@media (max-width:1100px) and (min-width:769px){
  .rd-layout{grid-template-columns:200px 1fr 260px;}
  .hero-main{padding:2.5rem 3rem 2rem;grid-template-columns:1fr 320px;}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .why-sec{grid-template-columns:1fr;gap:2rem;padding:2.5rem 3rem;}
  .feat-sec{padding:2rem 3rem;}
  .hero-visual .bstack{width:220px;height:310px;}
}

@media (max-width:1024px),(pointer:coarse){
  :root{--nav-h:calc(56px + env(safe-area-inset-top, 0px));}

  
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
  }
  #app-wrapper, .view, .rd-layout, .rd-main, .rd-scroll {
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
  }
  #app-wrapper input[type=range],
  .a-bar input[type=range],
  .amb-bar input[type=range] {
    touch-action: none !important;
    -webkit-appearance: none !important;
  }
  .rd-main{overflow:visible !important;flex:none !important;min-height:unset !important;}
  .rd-scroll{flex:none !important;overflow-y:visible !important;overflow:visible !important;-webkit-overflow-scrolling:auto !important;touch-action:auto !important;overscroll-behavior:auto !important;height:auto !important;padding-bottom:0 !important;}
  * { box-sizing: border-box !important; }

  
  .n-links{display:none;}
  .n-actions .btn-p,.n-actions .btn-o,.n-actions .tt-label,.n-actions .theme-toggle{display:none;}
  .n-actions .n-burger{display:flex;}
  #nav{padding:0 1rem;gap:.5rem;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;}
  .n-logo{flex-shrink:0;}
  .n-actions{flex-shrink:0;}
  .n-logo-en{display:none;}
  .n-logo-ar{font-size:12px;}
  .n-logo-text{overflow:hidden;}

  
  .hero-visual{display:none;}
  .hero-ey{font-size:9px;letter-spacing:1px;max-width:100%;overflow:hidden;white-space:normal;}
  .hero-h1{font-size:clamp(1.7rem,6vw,2.4rem);}
  .hero-tag{font-size:1rem;}
  .btn-hero{padding:12px 24px;font-size:13px;}
  .btn-hero2{padding:11px 20px;font-size:12px;}
  .hero-ctas{flex-wrap:wrap;gap:8px;}
  .hero-stats{gap:0;flex-wrap:wrap;padding-bottom:.25rem;}
  .hero-stat{flex-shrink:0;padding:.75rem 1rem;}
  .hs-num{font-size:1.4rem;}

  
  .feat-lbl{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;overflow:hidden;font-size:9px;letter-spacing:1px;white-space:normal;word-break:break-word;}
  .feat-lbl::after{display:none;}

  
  .why-h{font-size:1.4rem;}

  
  .lib-hdr{padding:1rem 1.25rem 0;overflow:hidden;max-width:100%;}
  .lib-hdr-top{flex-direction:column;gap:.75rem;}
  .lib-ctrl{flex-direction:column;align-items:flex-start;gap:6px;}
  .s-inp{width:120px;max-width:35vw;}
  .bks-container{padding:1rem 1.25rem;}
  .flt-bar{padding-bottom:.5rem;max-width:100%;}
  .bks-grid{grid-template-columns:repeat(2,1fr);}

  
  .landing-section{padding:2rem 1.25rem !important;}
  .footer-main{grid-template-columns:1fr !important;padding:2rem 1.25rem;gap:1.5rem;}
  .footer-col{border-top:1px solid var(--bs);padding-top:1rem;}
  .testimonials-grid{grid-template-columns:1fr;}

  
  .rd-chaps,.rd-panel{display:none;}
  .rd-mobile-tabs{display:flex !important;flex-direction:column !important;overflow:hidden !important;}
  .rd-mt-rows{display:flex !important;flex-direction:column !important;width:100% !important;}
  .rd-mt-inner{display:flex !important;width:100% !important;min-width:0 !important;overflow:hidden !important;}
  .rd-mt-btn{flex:1;padding:8px 2px;font-size:10px;font-weight:700;border:none;background:none;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .rd-mt-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
  .rd-mt-row2-wrap{display:flex !important;flex-direction:row !important;align-items:center !important;width:100% !important;overflow:hidden !important;}
  .rd-mt-row2{display:flex !important;flex:1 !important;overflow:hidden !important;}
  .rd-mt-section-label{white-space:nowrap;flex-shrink:0;}
  .rd-chaps.mob-active,.rd-panel.mob-active{display:flex;position:fixed;top:var(--nav-h);bottom:0;z-index:800;width:85%;max-width:340px;background:var(--bg1);box-shadow:var(--sh);border:none;}
  .rd-chaps.mob-active{right:0;}
  .rd-panel.mob-active{left:0;}

  
  .a-binfo{display:none;}
}

@media (max-width:480px){
  .fc{padding:1.25rem;}
}

@media (hover:none){
  .bk-card:hover .bk-ov{opacity:1;}
  .bk-card:hover .bk-ov-btn{transform:translateY(0);opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}
.auth-body{padding:1.5rem;}
.auth-form{display:flex;flex-direction:column;gap:.875rem;}
.auth-form-section{display:none;}
.auth-form-section.active{display:flex;flex-direction:column;gap:.875rem;}
.auth-inp{width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;transition:border-color .2s ease;}
.auth-inp:focus{border-color:var(--gold);}
.auth-inp::placeholder{color:var(--t2);}
.auth-btn{width:100%;padding:.875rem;background:var(--gold);color:var(--bg0);font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;}
.auth-btn:hover{background:var(--gold-l);}
.auth-btn:disabled{opacity:.6;cursor:not-allowed;}
.auth-err{font-size:12px;color:#E74C3C;text-align:center;min-height:1rem;}
.auth-ok{font-size:12px;color:#27AE60;text-align:center;}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--t2);font-size:11px;margin:.5rem 0;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--bs);}

.user-menu{position:relative;overflow:visible!important;}
.user-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--bs);color:var(--t1);padding:6px 12px;cursor:pointer;font-size:12px;font-family:Cairo,sans-serif;transition:all .2s ease;}
.user-btn:hover{border-color:var(--gold);color:var(--gold);}
.user-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg2);border:1px solid var(--bm);min-width:180px;z-index:2000;display:none;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.user-dropdown.open{display:block!important;}
.user-dd-item{padding:.6rem 1rem;font-size:12px;color:var(--t1);cursor:pointer;display:block;transition:background .15s ease;border:none;background:none;width:100%;text-align:right;font-family:Cairo,sans-serif;}
.user-dd-item:hover{background:var(--bg3);color:var(--gold);}
.user-dd-sep{height:1px;background:var(--bs);}

.verify-banner{background:rgba(201,168,76,.1);border-bottom:1px solid rgba(201,168,76,.2);padding:.6rem 1.5rem;text-align:center;font-size:12px;color:var(--gold);display:none;}
.verify-banner.show{display:block;}

.landing-h{font-size:1.6rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.landing-h span{color:var(--gold);}
.landing-sub{font-size:13px;color:var(--t2);margin-bottom:2.5rem;line-height:1.8;}
.testimonial{background:var(--bg1);padding:1.5rem;}
.testimonial-text{font-family:Amiri,serif;font-size:1rem;color:var(--t1);line-height:1.9;font-style:italic;margin-bottom:.75rem;}
.testimonial-author{font-size:11px;color:var(--gold);letter-spacing:1px;}
.daily-quote{background:var(--bg1);border-right:3px solid var(--gold);padding:1.5rem 2rem;margin:1.5rem 0;}
.daily-quote-text{font-family:Amiri,serif;font-size:1.1rem;color:var(--t0);line-height:2;font-style:italic;}
.daily-quote-source{font-size:11px;color:var(--gold);margin-top:.5rem;}
.my-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.5rem 2rem;}
.lib-book-card{background:var(--bg1);border:1px solid var(--bs);cursor:pointer;transition:border-color .2s ease;}
.lib-book-card:hover{border-color:var(--gold);}
.lib-book-thumb{height:140px;position:relative;overflow:hidden;}
.lib-book-pct{font-size:11px;color:var(--gold);font-weight:700;}
.history-list{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.hist-item{background:var(--bg1);padding:.875rem 1.25rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s ease;}
.hist-item:hover{background:var(--bg3);}
.free-preview-wall{background:linear-gradient(to bottom,transparent,var(--rd-bg) 40%);position:sticky;bottom:0;left:0;right:0;height:200px;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;}
.free-wall-box{background:var(--bg1);border:1px solid var(--bm);padding:1.25rem 1.5rem;text-align:center;max-width:400px;width:100%;}
.free-wall-title{font-size:1rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.free-wall-sub{font-size:12px;color:var(--t2);margin-bottom:1rem;}
.contact-form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;}
.contact-select{width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;}
.contact-textarea{width:100%;padding:.875rem 1rem;background:var(--bg2);border:1px solid var(--bs);color:var(--t0);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;direction:rtl;resize:vertical;min-height:130px;line-height:1.8;}
.contact-textarea:focus,.contact-select:focus{border-color:var(--gold);}
.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.faq-item{background:var(--bg1);}
.faq-q{padding:1rem 1.25rem;font-size:13px;font-weight:700;color:var(--t0);cursor:pointer;display:flex;align-items:center;justify-content:space-between;}
.faq-a{padding:0 1.25rem 1rem;font-size:12px;color:var(--t2);line-height:1.9;display:none;}
.faq-a.open{display:block;}
.footer-brand p{font-size:12px;color:var(--t2);line-height:1.8;margin-top:.75rem;}
.footer-col h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-style:italic;}
.footer-col a{display:block;font-size:12px;color:var(--t2);margin-bottom:.5rem;cursor:pointer;transition:color .2s ease;}
.footer-col a:hover{color:var(--gold);}
.footer-social{display:flex;gap:.75rem;margin-top:.5rem;}
.footer-soc-btn{width:34px;height:34px;background:var(--bg2);border:1px solid var(--bs);color:var(--t2);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease;}
.footer-soc-btn:hover{border-color:var(--gold);color:var(--gold);}
.footer-bottom{background:var(--bg0);border-top:1px solid var(--bs);padding:.875rem 4rem;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--t2);}
.footer-legal{display:flex;gap:1.5rem;}
.footer-legal a{color:var(--t2);cursor:pointer;transition:color .2s ease;}
.footer-legal a:hover{color:var(--gold);}

.achievement-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:3000;display:none;align-items:center;justify-content:center;}
.achievement-overlay.open{display:flex;}
.achievement-card{background:linear-gradient(135deg,#1C1506,#0B0A07);border:1px solid var(--gold);padding:3rem 2rem;text-align:center;max-width:400px;width:90%;}
.achievement-icon{font-size:3rem;margin-bottom:1rem;}
.achievement-title{font-size:1.4rem;font-weight:700;color:var(--gold);margin-bottom:.5rem;}
.achievement-book{font-size:1rem;color:var(--t0);margin-bottom:1.5rem;}
.achievement-name{font-size:12px;color:var(--t2);margin-bottom:1.5rem;}
.discount-banner{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.3);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.countdown-timer{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--gold);}
@media(max-width:900px){
}
@media(max-width:600px){
}
body.focus-mode #nav,
body.focus-mode .rd-mobile-tabs,
body.focus-mode .rd-tb,
body.focus-mode .rd-chaps,
body.focus-mode .rd-panel,
body.focus-mode .rd-prog,
body.focus-mode .a-bar,
body.focus-mode .amb-bar,
body.focus-mode #warning-section,
body.focus-mode #rd-nav-bar,
body.focus-mode .verify-banner,
body.focus-mode #verify-banner,
body.focus-mode .site-footer,
body.focus-mode footer {
  display: none !important;
}
body.focus-mode .rd-layout {
  padding-top: 0 !important;
  grid-template-columns: 1fr !important;
}
body.focus-mode .rd-main {
  width: 100% !important;
  max-width: 100% !important;
}
body.focus-mode #rd-scroll {
  padding-bottom: 60px !important;
  padding-top: 1rem;
}
body.focus-mode .view-reader,
body.focus-mode #view-reader {
  padding-top: 0 !important;
}
#focus-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9000;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 16px env(safe-area-inset-bottom, 0px);
  background: var(--bg1);
  border-top: 1px solid var(--bm);
  box-shadow: 0 -2px 12px rgba(0,0,0,.3);
}
#focus-bar button {
  background: none;
  border: 1px solid var(--bs);
  color: var(--t2);
  padding: 6px 14px;
  border-radius: 6px;
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  cursor: pointer;
  transition: all .15s;
  direction: rtl;
}
#focus-bar button:hover { color: var(--t0); border-color: var(--gold); }
#focus-bar .focus-exit {
  background: var(--gs);
  color: var(--gold);
  border-color: var(--gold);
  font-weight: 600;
}
body.focus-mode {
  --rd-scroll-padding: 0;
}

.tb-row-2 { min-height: 36px; }
.tb-row-2 .tb-b { font-size: 12px; }
.rd-mt-group-label {
  color: var(--gold) !important;
  font-size: 9px !important;
  letter-spacing: 1px;
  opacity: 0.8;
  cursor: default !important;
  border-bottom: none !important;
  padding: 8px 4px 4px !important;
  font-weight: 900 !important;
  flex: 0 0 auto !important;
}

.rd-footer {
  padding: 2rem 1.5rem;
  border-top: 1px solid var(--rd-b);
  text-align: center;
  direction: rtl;
}
.rd-footer-brand { font-size: 12px; font-weight: 700; color: var(--rd-m); margin-bottom: .5rem; }
.rd-footer-links { font-size: 11px; color: var(--rd-m); margin-bottom: .5rem; display: flex; gap: 8px; justify-content: center; align-items: center; flex-wrap: wrap; }
.rd-footer-links a { color: var(--rd-m); cursor: pointer; text-decoration: underline; }
.rd-footer-copy { font-size: 10px; color: var(--rd-m); opacity: .6; }
.rd-mt-row1 { border-bottom: 1px solid var(--bs); }

.feat-lbl-en{font-size:8px;letter-spacing:2px;opacity:.7;}
@media(max-width:768px){
}
.hiw-sec{padding:4rem 2rem;max-width:900px;margin:0 auto;text-align:center;border-top:1px solid var(--bs);}
.hiw-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;}
.hiw-title{font-size:clamp(1.5rem,3vw,2rem);color:var(--t0);margin-bottom:2.5rem;}
.hiw-steps{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;}
.hiw-step{flex:1;min-width:180px;max-width:240px;background:var(--bg1);border:1px solid var(--bs);padding:1.5rem 1.25rem;text-align:center;}
.hiw-num{font-family:'Playfair Display',serif;font-size:2rem;color:var(--gold);margin-bottom:.75rem;}
.hiw-step-title{font-size:14px;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.hiw-step-desc{font-size:12px;color:var(--t2);line-height:1.8;}
.hiw-arrow{font-size:1.5rem;color:var(--bm);flex-shrink:0;}
.cta-strip{background:var(--gs);border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);padding:2rem;}
.cta-strip-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.cta-strip-title{font-size:16px;font-weight:700;color:var(--t0);}
.cta-strip-sub{font-size:13px;color:var(--t2);margin-top:.25rem;}
.guide-wrap{max-width:860px;margin:0 auto;padding:0 0 5rem;}
.guide-hero{padding:4rem 2rem 3rem;text-align:center;border-bottom:1px solid var(--bs);}
.guide-hero-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;}
.guide-hero-title{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--t0);line-height:1.3;margin-bottom:1rem;}
.guide-hero-title span{color:var(--gold);}
.guide-hero-sub{color:var(--t2);font-size:14px;}
.guide-section{padding:3rem 2rem;border-bottom:1px solid var(--bs);}
.guide-section-num{font-family:'Playfair Display',serif;font-size:3rem;color:var(--gb);line-height:1;margin-bottom:.25rem;}
.guide-section-title{font-size:1.4rem;font-weight:700;color:var(--t0);margin-bottom:1rem;}
.guide-section-desc{color:var(--t2);font-size:13px;margin-bottom:1.5rem;line-height:1.8;}
.guide-steps{display:flex;flex-direction:column;gap:1.25rem;}
.guide-step{display:flex;gap:1rem;align-items:flex-start;}
.guide-step-icon{font-size:1.5rem;flex-shrink:0;width:40px;text-align:center;padding-top:2px;}
.guide-step-title{font-size:14px;font-weight:700;color:var(--t0);margin-bottom:.35rem;}
.guide-step-desc{font-size:13px;color:var(--t2);line-height:1.8;}
.guide-feature-grid{display:flex;flex-direction:column;gap:1px;background:var(--bs);border:1px solid var(--bs);margin-top:1.5rem;}
.guide-feature{background:var(--bg0);padding:1.5rem;}
.guide-feature-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;}
.guide-feature-icon{font-size:1.25rem;}
.guide-feature-name{font-size:14px;font-weight:700;color:var(--t0);}
.guide-feature-body{font-size:13px;color:var(--t2);line-height:1.9;}
.guide-feature-body p{margin-bottom:.75rem;}
.guide-mode-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;}
.guide-mode{display:flex;gap:.75rem;align-items:baseline;}
.guide-mode-name{font-weight:700;color:var(--t0);font-size:12px;min-width:48px;flex-shrink:0;}
.guide-mode-desc{font-size:12px;color:var(--t2);}
.guide-tool-list{display:flex;flex-direction:column;gap:.4rem;margin:.75rem 0;}
.guide-tool{font-size:12px;color:var(--t2);padding:.3rem 0;}
.guide-ul{list-style:none;margin:.75rem 0;display:flex;flex-direction:column;gap:.5rem;}
.guide-ul li{font-size:13px;color:var(--t2);padding-right:1rem;position:relative;}
.guide-ul li::before{content:'←';position:absolute;right:0;color:var(--gold);font-size:11px;}
.guide-tip{background:var(--gs);border-right:3px solid var(--gold);padding:.6rem .875rem;font-size:12px;color:var(--t2);margin-top:.75rem!important;}
.guide-cta{text-align:center;padding:3rem 2rem;background:var(--bg1);margin:0 2rem;border:1px solid var(--bs);}
.guide-cta-title{font-size:1.25rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.guide-cta-sub{color:var(--t2);font-size:13px;margin-bottom:1.5rem;}
.mylib-wrap{padding-top:var(--nav-h);}
.mylib-hdr{background:var(--bg1);border-bottom:1px solid var(--bs);padding:2rem;}
.mylib-hdr-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.mylib-title{font-size:1.5rem;font-weight:700;color:var(--t0);}
.mylib-sub{font-size:12px;color:var(--t2);margin-top:.25rem;}
.mylib-meta{display:flex;gap:1.5rem;}
.mylib-stat{text-align:center;}
.mylib-stat-num{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold);font-weight:700;}
.mylib-stat-lbl{font-size:10px;color:var(--t2);letter-spacing:.5px;}
.mylib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:2rem;max-width:1100px;margin:0 auto;}
.mylib-card{background:var(--bg1);border:1px solid var(--bs);cursor:pointer;transition:border-color .2s,transform .2s;overflow:hidden;}
.mylib-card:hover{border-color:var(--gold);transform:translateY(-2px);}
.mylib-thumb{height:160px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.mylib-thumb-bar{position:absolute;bottom:0;right:0;height:3px;transition:width .4s ease;background:var(--gold);}
.mylib-info{padding:.875rem;}
.mylib-book-title{font-size:13px;font-weight:700;color:var(--t0);line-height:1.4;margin-bottom:.5rem;}
.mylib-status{font-size:10px;padding:2px 8px;border-radius:3px;display:inline-block;margin-bottom:.4rem;}
.mylib-status.done{background:rgba(40,160,80,.15);color:rgba(40,160,80,.9);}
.mylib-status.prog{background:var(--gs);color:var(--gold);}
.mylib-status.new{background:var(--bg2);color:var(--t2);}
.mylib-last{font-size:10px;color:var(--t2);}
.mylib-empty{text-align:center;padding:5rem 2rem;}
.mylib-empty-icon{font-size:3rem;margin-bottom:1rem;}
.mylib-empty-title{font-size:1.1rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.mylib-empty-sub{font-size:13px;color:var(--t2);margin-bottom:1.5rem;}
.legal-wrap{max-width:700px;margin:0 auto;padding:4rem 2rem 5rem;}
.legal-title{font-size:clamp(1.5rem,3vw,2rem);color:var(--t0);margin-bottom:.5rem;}
.legal-title span{color:var(--gold);}
.legal-date{font-size:11px;color:var(--t2);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bs);}
.legal-body{font-size:13px;color:var(--t2);line-height:2.1;}
.legal-body p{margin-bottom:1rem;}
.legal-body strong{color:var(--t0);font-size:14px;display:block;margin-bottom:.25rem;margin-top:1.5rem;}
.bd-wrap{padding-top:var(--nav-h);max-width:100%;overflow-x:hidden;}
.bd-hero-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:start;}
@media(max-width:600px){
  .bd-hero-inner{grid-template-columns:1fr;gap:1.5rem;}
  .bd-cover-wrap{max-width:200px;margin:0 auto;}
  .bd-hero-info{padding:0;}
}
.bd-cover-wrap{flex-shrink:0;}
.bd-cover-img{width:100%;border-radius:4px;box-shadow:0 16px 48px rgba(0,0,0,.6);display:block;}
.bd-cover-gen{width:100%;aspect-ratio:3/4.2;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.6);}
.bd-hero-content{display:flex;flex-direction:column;gap:.75rem;}
.bd-badge{display:inline-block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;background:var(--gold-d);color:#fff;padding:3px 10px;margin-bottom:.25rem;}
.bd-category{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:.8;}
.bd-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--t0);line-height:1.25;}
.bd-subtitle{font-size:14px;color:var(--t2);line-height:1.6;}
.bd-author{font-size:13px;color:var(--t2);}
.bd-meta-row{display:flex;gap:.75rem;flex-wrap:wrap;}
.bd-meta-item{font-size:11px;color:var(--t2);background:var(--bg2);padding:3px 10px;border:1px solid var(--bs);}
.bd-price-row{display:flex;align-items:baseline;gap:.75rem;}
.bd-price-new{font-size:1.25rem;font-weight:700;color:var(--gold);}
.bd-price-old{font-size:13px;color:var(--t2);text-decoration:line-through;}
.bd-free{font-size:1rem;font-weight:700;color:#27AE60;}
.bd-actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.bd-cta{padding:12px 24px!important;font-size:13px!important;}
.bd-section:last-child{border-bottom:none;}
.bd-section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.bd-summary{font-size:15px;color:var(--t2);line-height:2;}
.bd-concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;}
.bd-concept{background:var(--bg1);border:1px solid var(--bs);padding:.875rem;}
.bd-concept-term{font-size:13px;font-weight:700;color:var(--t0);margin-bottom:.35rem;}
.bd-concept-def{font-size:12px;color:var(--t2);line-height:1.7;}
.bd-quotes{display:flex;flex-direction:column;gap:.875rem;}
.bd-quote{font-size:14px;color:var(--t1);line-height:2;padding:1rem 1.25rem;border-right:3px solid var(--gold);background:var(--bg1);font-style:italic;}
.bd-cta-section{text-align:center;padding:3rem 1rem;background:var(--bg1);border:1px solid var(--bs);margin-top:1rem;}
.bd-cta-title{font-size:1.25rem;font-weight:700;color:var(--t0);margin-bottom:.5rem;}
.bd-cta-sub{font-size:13px;color:var(--t2);margin-bottom:1.5rem;}
.footer-credits{max-width:1100px;margin:0 auto;padding:.875rem 2rem;border-top:1px solid var(--bs);display:flex;flex-direction:column;gap:.35rem;}
.footer-credits-row{font-size:10px;color:var(--t2);text-align:center;line-height:1.7;}
.footer-credits-row a{color:var(--t2);text-decoration:underline;text-underline-offset:2px;}
.footer-credits-row a:hover{color:var(--gold);}
/* ── الفوتر الموحَّد (زيّنها هب) ── */
.footer-col h4 .en,.footer-brand .en,.zh-gift-txt .en,.zh-nl-consent .en,.zh-newsletter .en,.zh-act-btn .en,.footer-col a .en,.zh-legal .en{color:var(--t1);font-weight:400;}
.zh-gift-btn .en{color:inherit;opacity:.85;font-weight:400;}
.zh-gift{max-width:1100px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;text-align:center;border-bottom:1px solid var(--bs);}
.zh-gift-txt{font-size:14px;color:var(--t1);font-weight:700;}
.zh-gift-btn{background:var(--gs);border:1px solid var(--gb);color:var(--gold);padding:.55rem 1.25rem;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;}
.zh-gift-btn:hover{background:var(--gold);color:var(--bg0);}
.footer-col a .zh-ar{display:inline-block;font-size:.85em;}
.zh-newsletter{max-width:640px;margin:0 auto;padding:1.75rem 2rem;text-align:center;border-top:1px solid var(--bs);}
.zh-newsletter h4{font-size:1rem;color:var(--gold);font-weight:800;margin-bottom:.4rem;}
.zh-newsletter p{font-size:12px;color:var(--t2);line-height:1.8;margin-bottom:1rem;}
.zh-nl-form{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;}
.zh-nl-form input,.zh-nl-form select{background:var(--bg1);border:1px solid var(--bs);color:var(--t0);padding:.6rem .8rem;border-radius:8px;font-family:inherit;font-size:13px;}
.zh-nl-phone{display:flex;gap:.5rem;flex-direction:row-reverse;}
.zh-nl-phone select{flex-shrink:0;}
.zh-nl-phone input{flex:1;}
.zh-nl-btn{background:var(--gold);color:var(--bg0);border:none;border-radius:8px;padding:.65rem;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;}
.zh-nl-btn:hover{filter:brightness(1.08);}
.zh-nl-consent{font-size:11px;color:var(--t2);line-height:1.7;}
.zh-nl-consent a{color:var(--gold);cursor:pointer;text-decoration:underline;}
.zh-nl-msg{font-size:12px;min-height:1em;}
.zh-nl-msg.ok{color:var(--gold);}.zh-nl-msg.err{color:#E87878;}
.zh-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:1.25rem 2rem;border-top:1px solid var(--bs);}
.zh-act-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg1);border:1px solid var(--gb);color:var(--gold);padding:.55rem 1.15rem;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer;font-family:inherit;}
.zh-act-btn:hover{background:var(--gs);}
.zh-social{display:flex;gap:1.1rem;justify-content:center;padding:1rem 2rem;}
.zh-social a{color:var(--t1);display:inline-flex;width:1.4rem;height:1.4rem;}
.zh-social a:hover{color:var(--gold);}
.zh-social .zi{width:1.4rem;height:1.4rem;}
/* FINAL-G.1 — بانر الحساب الموحَّد: ثابت دائم، لا زرّ إغلاق ولا تخزين قرار */
.zh-acc-banner{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;background:var(--gs);border:1px solid var(--gb);border-radius:12px;padding:1rem 1.15rem;margin-bottom:1.25rem}
.zh-acc-banner>.zi{width:1.7rem;height:1.7rem;color:var(--gold);flex-shrink:0}
.zh-acc-txt{flex:1;min-width:14rem;font-size:13px;line-height:1.9;color:var(--t0)}
.zh-acc-txt .en{display:block;color:var(--t1);font-size:12px}
.zh-acc-cta{background:var(--gold);color:var(--bg0);border-radius:9px;padding:.5rem 1.1rem;font-weight:700;font-size:12.5px;text-decoration:none;white-space:nowrap}
.zh-acc-cta:hover{filter:brightness(1.08)}
.zh-acc-cta:focus-visible{outline:3px solid var(--t0);outline-offset:2px}
.zh-legal{flex-direction:column;gap:.4rem;text-align:center;font-size:10px;color:var(--t2);line-height:1.7;padding:1rem 2rem 1.25rem;}
.zh-legal a{color:var(--t1);text-decoration:underline;}
.zh-gift-btn:focus-visible,.zh-nl-btn:focus-visible,.zh-act-btn:focus-visible,.zh-social a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
/* E-067: خلفية .bd-hero تُضبَط عبر inline style بألوان الغلاف (ثابتة دوماً)، فتبقى
   داكنة حتى في الثيم الفاتح بينما بقية الصفحة تتحوّل — نصف الصفحة داكن ونصفها فاتح.
   !important ضروري هنا فعلياً لتجاوز الـinline (الاستثناء الوحيد المبرَّر لهذه القاعدة). */
[data-theme="light"] .bd-hero{background:var(--bg1)!important;}
@media(max-width:768px){
  .bd-hero{padding:1.5rem 1rem;}
  .pf-wrap{padding-top:calc(var(--nav-h) + 1rem);}
}
@media(max-width:480px){
}
.pf-hero{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--bg1);border:1px solid var(--bs);margin-bottom:1.5rem;}
.pf-avatar{font-size:2.5rem;width:60px;height:60px;background:var(--gs);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;}
.pf-name-display{font-size:1.1rem;font-weight:700;color:var(--t0);}
.pf-email-display{font-size:12px;color:var(--t2);margin-top:.25rem;}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bs);border:1px solid var(--bs);margin-bottom:1.5rem;}
.pf-stat{background:var(--bg1);padding:1.25rem;text-align:center;}
.pf-stat-num{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold);font-weight:700;}
.pf-stat-lbl{font-size:10px;color:var(--t2);margin-top:.25rem;letter-spacing:.3px;}
.pf-body{display:flex;flex-direction:column;gap:1rem;}
.pf-card{background:var(--bg1);border:1px solid var(--bs);padding:1.25rem;}
.pf-card-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t2);margin-bottom:1rem;font-weight:700;}
.pf-row{display:flex;gap:.75rem;align-items:center;}
.pf-row .auth-inp{flex:1;}
.pf-save-btn{flex-shrink:0;padding:.75rem 1.25rem;font-size:13px;}
.pf-fb{font-size:12px;margin-top:.5rem;min-height:16px;}
@media(max-width:600px){.pf-stats{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){
}
@media(max-width:700px){
}
@media(max-width:480px){}
.footer-credits-row a{color:var(--gold);text-decoration:none;}
.footer-credits-row a:hover{text-decoration:underline;}
@media(max-width:768px){
  
  .guide-wrap{padding:0 0 3rem;}
  .guide-hero{padding:2rem 1rem 1.5rem;}
  .guide-section{padding:2rem 1rem;}
  .guide-feature-grid{margin:1rem 0 0;}
  .guide-cta{margin:0 1rem;}

  
  .mylib-hdr{padding:1.25rem 1rem;}
  .mylib-hdr-inner{flex-direction:column;align-items:flex-start;gap:.75rem;}
  .mylib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem;}
  .mylib-meta{gap:1rem;}

  
  .bd-hero{padding:2rem 1rem;}
  .bd-hero-inner{flex-direction:column;align-items:center;text-align:center;}
  .bd-cover-wrap{width:140px;}
  .bd-cover-img,.bd-cover-gen{width:140px;height:196px;}
  .bd-meta-row,.bd-actions,.bd-price-row{justify-content:center;}
  .bd-concepts-grid{grid-template-columns:1fr;}
  .bd-cta-section{padding:2rem 0;}

  
  
  .pf-wrap{padding:calc(var(--nav-h) + 1.5rem) 1rem 3rem;}
  .pf-row{flex-direction:column;}
  .pf-save-btn{width:100%;}

  
  .hiw-steps{flex-direction:column;align-items:center;}
  .hiw-step{max-width:100%;min-width:unset;width:100%;}
  .hiw-arrow{transform:rotate(90deg);}

  
  .cta-strip-inner{flex-direction:column;text-align:center;gap:1rem;}
}

@media(max-width:480px){
  
  .mylib-grid{grid-template-columns:repeat(2,1fr);}
  .mylib-meta{flex-wrap:wrap;justify-content:center;}

  
  
  .pf-stats{grid-template-columns:repeat(3,1fr);}

  
  .guide-hero-title{font-size:1.4rem;}
}
@media(max-width:600px){

}
.ct-map-link{display:inline-block;margin-top:.35rem;font-size:11px;color:var(--gold);text-decoration:none;border:1px solid var(--gb);padding:3px 12px;}
@media(max-width:600px){

  

}
.ct-wrap{max-width:900px;margin:0 auto;padding:calc(var(--nav-h) + 3rem) 2rem 5rem;}

.ct-hero{text-align:center;padding-bottom:2.5rem;border-bottom:1px solid var(--bs);margin-bottom:3rem;}
.ct-brand-badge{font-size:11px;color:var(--gold);letter-spacing:1px;margin-bottom:1rem;font-weight:700;display:block;text-transform:uppercase;}
.ct-title{font-size:clamp(2rem,3.5vw,2.75rem);color:var(--t0);margin-bottom:.625rem;font-weight:900;}
.ct-title span{color:var(--gold);}
.ct-sub{font-size:14px;color:var(--t2);line-height:1.7;}
.ct-info-centered{margin-bottom:2.5rem;}
.ct-info-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--bs);
  border:1px solid var(--bs);
}
.ct-info-cell{
  background:var(--bg1);
  padding:2rem 1.25rem 1.75rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.5rem;
  transition:background .2s;
}
.ct-info-cell:hover{background:var(--bg2);}
.ct-info-ico{font-size:1.875rem;line-height:1;margin-bottom:.375rem;}
.ct-info-label{
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
  margin-bottom:.25rem;
}
.ct-info-text{font-size:12px;color:var(--t0);line-height:1.8;text-align:center;}
.ct-info-text a{color:var(--gold);text-decoration:none;}
.ct-info-text a:hover{text-decoration:underline;}
.ct-map-link{
  display:inline-block;
  margin-top:.625rem;
  font-size:11px;
  color:var(--gold);
  text-decoration:none;
  border:1px solid var(--gb);
  padding:4px 14px;
  transition:background .15s;
}
.ct-map-link:hover{background:var(--gs);}
.ct-form-centered{background:var(--bg1);border:1px solid var(--bs);padding:2.5rem;}
.ct-form-title{
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--t2);
  margin-bottom:1.5rem;
  font-weight:700;
  text-align:center;
  padding-bottom:1rem;
  border-bottom:1px solid var(--bs);
}

@media(max-width:900px){
  .ct-info-row{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  
  .ct-info-row{grid-template-columns:1fr;}
  .ct-info-cell{padding:1.5rem 1rem;}
  .ct-form-centered{padding:1.5rem 1rem;}
}
.paid-wall{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:4rem 2rem;
  min-height:40vh;
  gap:1rem;
}
.paid-wall-icon{font-size:3rem;margin-bottom:.5rem;}
.paid-wall-title{font-size:1.1rem;font-weight:700;color:var(--t0);}
.paid-wall-sub{font-size:13px;color:var(--t2);line-height:1.7;max-width:320px;}
.paid-wall-btn{
  width:100%;
  max-width:280px;
  justify-content:center;
  margin-top:.25rem;
}
.bd-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin:.75rem 0 1rem;}
.bd-stat{text-align:center;min-width:52px;}
.bd-stat-num{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:var(--gold);line-height:1;}
.bd-stat-lbl{font-size:10px;color:var(--t2);margin-top:3px;}
.bd-list{list-style:none;display:flex;flex-direction:column;gap:.625rem;margin:0;padding:0;}
.bd-list li{font-size:13px;color:var(--t2);padding-right:1.25rem;position:relative;line-height:1.7;}
.bd-list li::before{content:'◆';position:absolute;right:0;color:var(--gold);font-size:9px;top:4px;}
.bd-feature-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg1);border:1px solid var(--bs);padding:1rem;}
.bd-feature-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px;}
.bd-feature-item span:last-child{font-size:13px;color:var(--t1);line-height:1.6;}
.bd-toc{display:flex;flex-direction:column;gap:1px;background:var(--bs);}
.bd-toc-item{background:var(--bg1);padding:.875rem 1rem;}
.bd-toc-section{background:var(--bg2);}
.bd-toc-section .bd-toc-title{color:var(--gold);font-weight:700;font-size:13px;}
.bd-toc-title{font-size:13px;color:var(--t0);font-weight:600;}
.bd-toc-axes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;}
.bd-toc-axis{font-size:11px;color:var(--t2);background:var(--gs);border:1px solid var(--gb);padding:2px 8px;}
.bd-cover-gen{position:relative;overflow:hidden;}
.bd-cover-gen-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border:1px solid transparent;text-align:center;gap:.5rem;}
.bd-cover-gen-cat{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:700;}
.bd-cover-gen-title{font-size:1rem;font-weight:900;color:#F0EAD6;line-height:1.4;}
.bd-cover-gen-auth{font-size:11px;}
.bd-guide-link{display:flex;align-items:center;gap:1rem;background:var(--gs);border:1px solid var(--gb);border-right:3px solid var(--gold);padding:1.25rem 1rem;cursor:pointer;transition:background .2s;}
.bd-guide-link:hover{background:var(--bg1);}
.bd-guide-link-icon{font-size:1.5rem;flex-shrink:0;}
.bd-guide-link-title{font-size:13px;font-weight:700;color:var(--t0);margin-bottom:.25rem;}
.bd-guide-link-sub{font-size:12px;color:var(--t2);line-height:1.6;}
.bd-guide-link-arrow{font-size:1.25rem;color:var(--gold);flex-shrink:0;margin-right:auto;}
.bd-guarantee{
  display:flex;align-items:center;gap:1.25rem;
  margin:0 0 1.5rem;
  background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.04));
  border:2px solid var(--gold);
  padding:1.5rem;
  text-align:right;
}
.bd-guarantee-icon{font-size:2rem;flex-shrink:0;}
.bd-guarantee-title{
  font-size:14px;font-weight:900;color:var(--gold);
  letter-spacing:.5px;margin-bottom:.375rem;
}
.bd-guarantee-sub{font-size:13px;color:var(--t1);line-height:1.7;}
.bd-guarantee-sub strong{color:var(--gold);}
.bd-section:has(.bd-guide-link){padding-top:0;border-bottom:none;}

@media(max-width:600px){
  .bd-features-grid{grid-template-columns:1fr;}
  .bd-stats{gap:1rem;}
  .bd-guarantee{flex-direction:column;text-align:center;}
  .bd-guide-link-arrow{display:none;}
}
.bd-audience{display:flex;flex-direction:column;gap:.625rem;}
.bd-audience-item{display:flex;align-items:flex-start;gap:.75rem;font-size:13px;color:var(--t0);line-height:1.6;}
.bd-audience-check{color:#27AE60;font-weight:700;flex-shrink:0;font-size:15px;margin-top:1px;}
.bd-outcome-item{display:flex;align-items:flex-start;gap:.75rem;font-size:13px;color:var(--t0);line-height:1.6;}
.bd-outcome-icon{color:var(--gold);flex-shrink:0;font-size:14px;margin-top:1px;}
.bd-list{margin:0;padding-right:1.25rem;display:flex;flex-direction:column;gap:.5rem;}
.bd-list li{font-size:13px;color:var(--t0);line-height:1.7;}
.bd-feature-item{display:flex;align-items:flex-start;gap:.75rem;font-size:13px;color:var(--t0);line-height:1.6;}
.bd-feature-icon{color:var(--gold);flex-shrink:0;font-weight:900;}
.bd-toc{display:flex;flex-direction:column;gap:2px;}
.bd-toc-item{padding:.625rem .875rem;background:var(--bg1);border:1px solid var(--bs);}
.bd-toc-section{background:var(--gs);border-color:var(--gb);}
.bd-toc-section .bd-toc-title{font-weight:700;color:var(--gold);font-size:13px;}
.bd-toc-title{font-size:13px;color:var(--t0);display:flex;align-items:baseline;gap:.625rem;}
.bd-toc-num{font-size:10px;color:var(--t2);min-width:1.5rem;font-family:'Playfair Display',serif;}
.bd-toc-axes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem;padding-right:2.125rem;}
.bd-toc-axis{font-size:10px;color:var(--t2);background:var(--bg2);border:1px solid var(--bs);padding:2px 8px;}
.bd-guarantee{
  margin:2rem 2rem 0;
  padding:1.5rem 2rem;
  background:linear-gradient(135deg,rgba(201,168,76,.08) 0%,rgba(201,168,76,.04) 100%);
  border:2px solid var(--gold);
  display:flex;
  align-items:center;
  gap:1.25rem;
  text-align:right;
}
.bd-guarantee-icon{font-size:2.5rem;flex-shrink:0;}
.bd-guarantee-title{font-size:14px;font-weight:900;color:var(--gold);letter-spacing:.5px;margin-bottom:.375rem;}
.bd-guarantee-sub{font-size:13px;color:var(--t0);line-height:1.7;}
.bd-guarantee-sub strong{color:var(--gold);font-size:15px;}
.bd-body{max-width:960px;margin:0 auto;padding:0 2rem 3rem;}
@media(max-width:768px){.bd-body{padding:0 1rem 3rem;}}
.bd-guide-section{
  background:linear-gradient(135deg,var(--bg1) 0%,var(--gs) 100%);
  border:1px solid var(--gb);
  padding:2.5rem 2rem;
  position:relative;
  overflow:hidden;
}
.bd-guide-section::before{
  content:'';
  position:absolute;
  top:0;right:0;bottom:0;
  width:3px;
  background:linear-gradient(to bottom,var(--gold),transparent);
}
.bd-guide-header{text-align:center;margin-bottom:2rem;}
.bd-guide-badge{
  display:inline-block;
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  background:rgba(201,168,76,.1);
  border:1px solid rgba(201,168,76,.3);
  padding:3px 14px;
  margin-bottom:1rem;
  font-weight:700;
}
.bd-guide-title{
  font-size:clamp(1.1rem,2.5vw,1.4rem);
  font-weight:900;
  color:var(--t0);
  margin-bottom:.75rem;
  line-height:1.3;
}
.bd-guide-desc{font-size:13px;color:var(--t2);line-height:1.8;max-width:560px;margin:0 auto;}
.bd-guide-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--bs);
  border:1px solid var(--bs);
  margin-bottom:2rem;
}
.bd-guide-feat{
  background:var(--bg0);
  padding:1.25rem 1rem;
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  transition:background .15s;
}
.bd-guide-feat:hover{background:var(--bg1);}
.bd-guide-feat-icon{font-size:1.375rem;flex-shrink:0;line-height:1;margin-top:2px;}
.bd-guide-feat-name{font-size:12px;font-weight:700;color:var(--t0);margin-bottom:3px;}
.bd-guide-feat-desc{font-size:11px;color:var(--t2);line-height:1.5;}
.bd-guide-cta{
  display:block;
  width:100%;
  padding:1rem 2rem;
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold);
  font-family:Cairo,sans-serif;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  letter-spacing:.3px;
  transition:background .2s,color .2s;
  text-align:center;
}
.bd-guide-cta:hover{background:var(--gold);color:#0B0A07;}
.bd-section:has(.bd-guide-section) > .bd-section-label{display:none;}
.bd-guarantee{
  display:flex;
  align-items:center;
  gap:1.5rem;
  margin:0 2rem 2rem;
  padding:1.75rem 2rem;
  background:linear-gradient(135deg,rgba(201,168,76,.06) 0%,rgba(201,168,76,.02) 100%);
  border:1.5px solid var(--gold);
  position:relative;
}
.bd-guarantee-icon{font-size:3rem;flex-shrink:0;}
.bd-guarantee-text{flex:1;}
.bd-guarantee-label{
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
  margin-bottom:.375rem;
}
.bd-guarantee-title{
  font-size:1.1rem;
  font-weight:900;
  color:var(--t0);
  margin-bottom:.375rem;
}
.bd-guarantee-sub{font-size:13px;color:var(--t2);margin-bottom:.25rem;}
.bd-guarantee-claim{
  font-size:15px;
  font-weight:700;
  color:var(--gold);
}
.bd-guarantee-seal{
  flex-shrink:0;
  width:56px;height:56px;
  border-radius:50%;
  border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--gold);
  text-align:center;line-height:1.2;
  background:rgba(201,168,76,.08);
}
.bd-audience{display:flex;flex-direction:column;gap:.75rem;}
.bd-audience-item{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:.75rem 1rem;
  background:var(--bg1);border:1px solid var(--bs);
  font-size:13px;color:var(--t0);line-height:1.6;
  transition:border-color .15s;
}
.bd-audience-item:hover{border-color:var(--gold);}
.bd-audience-check{
  color:#27AE60;font-weight:900;flex-shrink:0;
  font-size:16px;width:20px;text-align:center;
}
.bd-outcomes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;}
.bd-outcome-item{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:1rem 1.25rem;
  background:var(--bg1);
  border:1px solid var(--bs);
  border-right:3px solid var(--gold);
  font-size:13px;color:var(--t0);line-height:1.6;
}
.bd-outcome-icon{color:var(--gold);flex-shrink:0;font-size:1rem;margin-top:2px;}
.bd-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;}
.bd-feature-item{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:1rem 1.25rem;
  background:var(--bg1);border:1px solid var(--bs);
  font-size:13px;color:var(--t0);line-height:1.6;
  transition:border-color .15s;
}
.bd-feature-item:hover{border-color:var(--gold);}
.bd-feature-icon{color:var(--gold);flex-shrink:0;font-weight:900;font-size:14px;}
.bd-toc{display:flex;flex-direction:column;gap:2px;}
.bd-toc-item{
  padding:.75rem 1rem;
  background:var(--bg1);border:1px solid var(--bs);
  transition:background .15s;
}
.bd-toc-item:hover{background:var(--bg2);}
.bd-toc-section{background:var(--gs);border-color:var(--gb);}
.bd-toc-section .bd-toc-title{font-weight:700;color:var(--gold);font-size:13px;}
.bd-toc-title{font-size:13px;color:var(--t0);display:flex;align-items:baseline;gap:.625rem;}
.bd-toc-num{
  font-size:10px;color:var(--t2);
  min-width:1.75rem;font-family:'Playfair Display',serif;
  flex-shrink:0;
}
.bd-toc-axes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;padding-right:2.375rem;}
.bd-toc-axis{
  font-size:10px;color:var(--t2);
  background:var(--bg2);border:1px solid var(--bs);
  padding:2px 10px;
}
.bd-section{padding:2rem 0;border-bottom:1px solid var(--bs);scroll-margin-top:var(--nav-h);}
.bd-section-label{
  font-size:13px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
  margin-bottom:1.25rem;
  display:block;
}
@media(max-width:768px){
  
  .bd-guarantee{flex-direction:column;text-align:center;margin:0 1rem 1.5rem;padding:1.5rem;}
  .bd-guarantee-seal{display:none;}
  
}
@media(max-width:480px){
  .bd-guide-section{padding:1.5rem 1rem;}
  .bd-guide-features{grid-template-columns:1fr;}
  .bd-section{padding:1.5rem 1rem;}
  .bd-features-grid{grid-template-columns:1fr;}
}
* {
  -webkit-hyphens: none;
  hyphens: none;
}
p, span, div, h1, h2, h3, h4, li, a, button, label {
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media(max-width:768px){
  * { letter-spacing: 0 !important; }
  .bd-section-label,
  .ct-info-label,
  .ct-brand-badge,
  .ct-form-title,
  .bd-guide-badge,
  .bd-guarantee-label,
  .bd-outcome-icon,
  .bk-cat,
  .bk-badge,
  .hero-ey,
  .feat-lbl,
  .rdc-title,
  .tb-lbl {
    letter-spacing: 0 !important;
    word-break: keep-all;
    white-space: normal;
  }
}
.tb-row-2{display:none;}
.tb-icons-desk{display:flex;}
@media(max-width:768px){
  .rd-tb{
    height:auto !important;
    overflow:hidden;
    flex-direction:column;
  }
  .tb-row-1{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding:.35rem .5rem;
    border-bottom:1px solid var(--rd-b);
    min-height:36px;
  }
  .tb-row-1::-webkit-scrollbar{display:none;}
  
  .tb-icons-desk{display:none !important;}
  .tb-sp:last-of-type{display:none;}
  
  .tb-row-2{
    display:flex !important;
    justify-content:space-around;
    align-items:center;
    padding:.35rem .25rem;
    border-bottom:1px solid var(--rd-b);
    min-height:44px;
    background:var(--rd-tb);
  }
  .tb-row-2 .tb-icon-btn{
    flex:1;
    padding:4px 0 !important;
    height:auto !important;
    flex-direction:column;
    gap:2px;
  }
  .tb-row-2 .tb-ico{font-size:1.1rem;line-height:1;}
  .tb-row-2 .tb-ico-lbl{font-size:9px;letter-spacing:0 !important;}
}
.bd-permits{
  margin:0 2rem 1.5rem;
  border:1px solid var(--bs);
  background:var(--bg1);
  padding:1.25rem 1.5rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  align-items:center;
  text-align:center;
}
.bd-permit-row{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  font-size:12px;
}
.bd-permit-label{
  color:var(--t2);
  font-size:11px;
  text-align:center;
}
.bd-permit-val{
  color:var(--t0);
  font-weight:700;
  font-family:'Cairo',sans-serif;
  direction:ltr;
  text-align:center;
}
@media(max-width:768px){
  .bd-permits{margin:0 1rem 1.25rem;padding:1rem;}
}
.mylib-tabs{display:flex;gap:4px;padding:.75rem 2rem 0;border-top:1px solid var(--bs);margin-top:1rem;}
.mylib-tab{padding:.5rem 1.25rem;font-size:13px;font-family:'Cairo',sans-serif;font-weight:700;background:transparent;border:1px solid var(--bs);color:var(--t2);cursor:pointer;transition:all .15s;}
.mylib-tab.active{background:var(--gold);color:#0B0A07;border-color:var(--gold);}
.mylib-tab:hover:not(.active){border-color:var(--gold);color:var(--gold);}
.badges-intro{text-align:center;font-size:12px;color:var(--t2);padding:1.5rem 2rem .5rem;}
.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1rem 2rem 3rem;}
.badge-card{cursor:pointer;border:1px solid var(--bs);background:var(--bg1);transition:transform .2s,border-color .2s;overflow:hidden;}
.badge-card:hover{transform:translateY(-3px);border-color:var(--gold);}
.badge-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.badge-preview svg{width:100%;height:100%;}
.badge-card-footer{padding:.625rem 1rem;font-size:11px;color:var(--t2);text-align:center;border-top:1px solid var(--bs);}
@media(max-width:768px){
  .mylib-tabs{padding:.75rem 1rem 0;}
  .badges-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;}
}

/* رسالة "قبل أن تبدأ القراءة" داخل القارئ — كانت بلا أي CSS مطلقاً (لا .rd-warning-section
   ولا أيّ .warn-* له تعريف عبر كامل الملف). نصّها كان يرث color من body (--t0 التابع
   لثيم الموقع فاتح/غامق) بينما الخلفية المحيطة خلية القارئ (--rd-bg التابع
   لوضع القارئ ورق/ليلي المستقل عن ثيم الموقع) — فحين يختلف الثيمان (موقع
   غامق+قارئ ورقي فاتح، أو العكس) يتطابق لون النص مع لون الخلفية فيختفي تماماً.
   الإصلاح: كل نص هنا يتبع ألوان القارئ نفسها (--rd-t/--rd-m) بنفس نمط .ch-tit/.para
   المستخدَم في بقية القارئ — يبقى واضحاً في كل تركيبة (موقع×وضع قارئ). warn-body
   مُهيّأ أيضاً كخطّ رجوع (fallback) لمحتوى يُدار من الأدمِن (platform_settings.warning_html)
   قد يصل بلا أي تنسيق مضمّن. */
.rd-warning-section{margin-bottom:2rem;}
.warn-inner{
  background:var(--rd-tb);border:1px solid var(--rd-b);
  border-right:3px solid var(--gold-d);border-radius:10px;
  padding:1.5rem 1.75rem;color:var(--rd-t);
}
.warn-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--gold-d);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.3px;
  padding:4px 11px;border-radius:99px;margin-bottom:1rem;
}
.warn-badge-icon{display:flex;width:14px;height:14px;flex-shrink:0;}
.warn-title{
  font-family:'Cairo',sans-serif;font-size:1.25rem;font-weight:800;
  color:var(--rd-t);line-height:1.4;margin-bottom:1rem;
}
.warn-body{color:var(--rd-t);}
.warn-body p{margin-bottom:.75rem;line-height:1.9;}
.warn-body p:last-child{margin-bottom:0;}
.warn-footer{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--rd-b);
}
.warn-footer-text{font-size:11px;color:var(--rd-m);}
@media(max-width:520px){
  .warn-inner{padding:1.1rem 1.25rem;}
  .warn-footer{flex-direction:column;align-items:stretch;}
  .warn-footer .warn-continue-btn{justify-content:center;}
}