/* الثيم الأساسيّ (منقولٌ عن موقع «بيان» ليبقى المظهر واحداً) — لا يُعدَّل هنا؛ الإضافات في app.css */
:root{
  --bg:#f4f2ec; --surface:#ffffff; --surface-warm:#faf8f2; --inset:#f7f4ec; --inset-2:#faf8f2;
  --green:#2f6d63; --green-deep:#244f49; --green-tint:#e2eeec;
  --ink:#1d1b17; --ink-body:#2a2620; --ink-soft:#4a463f; --muted:#8a847a; --faint:#b3ad9f; --faint-2:#b3ad9f;
  --gold:#a9863a; --gold-soft:#a9863a; --gold-line:#ecd6a6;
  --coral:#c2674e; --coral-tint:#f7e7e0;
  --border:#e7e1d4; --border-input:#e7e1d4; --border-chip:#e7e1d4; --divider:#eee7d9;
  --sahih:#2c6a63; --hasan:#5f7a3c; --muw:#a9863a; --daif:#a05a4a;
  --naskh:'IBM Plex Sans Arabic',sans-serif; --head:'Tajawal',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink-body);font-family:'IBM Plex Sans Arabic',sans-serif;min-height:100vh;line-height:1.7}
::selection{background:#cdbb8f;color:#23201a}
textarea,input,button{font-family:inherit}
textarea:focus,input:focus{outline:none}
a{color:inherit}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d7dddb;border-radius:8px}
/* الهيكل: شريط جانبي + محتوى */
.shell{display:flex;min-height:100vh}
.sidebar{flex:none;width:236px;background:var(--surface-warm);border-left:1px solid var(--border);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}
.sb-brand{display:flex;align-items:center;gap:11px;padding:4px 6px 18px;border-bottom:1px solid var(--divider);margin-bottom:14px}
.sb-mark{width:38px;height:38px;border-radius:11px;background:var(--green);display:flex;align-items:center;justify-content:center;flex:none}
.sb-name{font-weight:800;font-size:18px;color:var(--ink);font-family:var(--head);line-height:1.15}
.sb-tag{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.35}
.sb-nav{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:4px;border:0;background:transparent;color:#5d6770;width:100%;text-align:right;font-family:inherit;transition:background .12s}
.sb-nav:hover{background:#f1f4f3}
.sb-nav.active{background:var(--green-tint);color:var(--green-deep);font-weight:600}
.sb-nav svg{flex:none}
.sb-foot{margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--divider);font-size:11px;color:var(--faint-2);line-height:1.7}
.main{flex:1;min-width:0;background:var(--bg);padding:34px 40px 60px}
.maincol{max-width:680px;margin:0 auto}
.maincol .col,.maincol .col-mid,.maincol .col-wide{max-width:none;width:100%;margin:0}

/* header / nav */
header.top{background:var(--surface-warm);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}
.top-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px}
.brand{display:flex;align-items:center;gap:10px;padding:15px 0}
.brand .logo{width:30px;height:30px;border-radius:9px;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px}
.brand .name{font-weight:700;font-size:20px;color:var(--ink)}
.top-right{display:flex;align-items:center;gap:12px}
.search-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--green);transition:background .15s,border-color .15s}
.search-btn:hover{background:var(--green-tint);border-color:var(--green)}
.search-panel{display:none;border-top:1px solid var(--border);background:var(--surface-warm);padding:14px 26px 18px;max-height:72vh;overflow:auto}
.search-panel.open{display:block}
.search-box{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px;border:1px solid var(--border-input);border-radius:12px;background:#fff;padding:0 14px}
.search-box input{flex:1;border:0;background:transparent;padding:14px 4px;font-size:16px;font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--ink-body)}
.search-close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:17px;line-height:1;padding:4px}
.search-panel #hresults{max-width:1180px;margin:12px auto 0}
nav.tabs{display:flex;align-items:stretch;gap:4px}
nav.tabs button{position:relative;background:transparent;border:0;cursor:pointer;color:var(--muted);font-weight:500;font-size:15.5px;padding:19px 14px}
nav.tabs button.active{color:var(--green)}
nav.tabs button.active::after{content:"";position:absolute;right:14px;left:14px;bottom:0;height:3px;background:var(--green);border-radius:3px 3px 0 0}

.wrap{max-width:1180px;margin:0 auto;padding:40px 26px 90px}
.section{display:none}
.section.active{display:block}
.col{max-width:760px;margin:0 auto}
.col-wide{max-width:1000px;margin:0 auto}
.col-mid{max-width:940px;margin:0 auto}

h1.title{font-weight:700;font-size:22px;margin:0 0 6px;color:var(--ink);font-family:var(--head)}
h1.title.sm{font-size:21px}
.subtitle{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 22px}

/* checker */
.card-input{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}
.card-input label{display:block;font-size:13px;font-weight:600;color:var(--green);margin-bottom:10px}
.card-input textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--border-input);border-radius:10px;background:var(--inset);padding:14px 16px;font-family:var(--naskh);font-size:16px;line-height:1.9;color:var(--ink-body)}
.hint{font-size:14px;color:var(--faint);margin:11px 2px 0;line-height:1.6}
.ex-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.ex-lbl{font-size:13px;color:var(--muted)}
.ex-chip{cursor:pointer;border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:600;border:1px solid var(--border-chip);background:#fff;transition:transform .1s}
.ex-chip:hover{transform:translateY(-1px)}
.ex-s{color:#2c6244;border-color:#bcdcc2;background:#eef6ef}
.ex-m{color:#b58a3e;border-color:#ecd6a6;background:#fbf3e0}
.ex-d{color:#9b5a4c;border-color:#e6c6bb;background:#f7ece7}
.ex-i{color:#3f6b7a;border-color:#c4d8de;background:#eaf1f3}
.btn-row{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.btn{cursor:pointer;border-radius:9px;font-size:14px;padding:10px 18px;border:0}
.btn.ghost{background:#fff;border:1px solid var(--border-input);color:var(--muted);font-weight:500}
.btn.primary{background:var(--green);color:#fff;font-weight:600;padding:10px 26px;box-shadow:0 6px 14px rgba(44,106,99,.22)}
.btn.primary:hover{background:var(--green-deep)}
.backbtn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--border-input);background:#fff;color:var(--muted);border-radius:8px;font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 13px;margin-bottom:14px;transition:background .12s,color .12s}
.backbtn:hover{background:var(--green-tint);color:var(--green);border-color:var(--green-tint)}
.rd-brand .backbtn{margin-bottom:0}
/* زر الرجوع الشامل (يظهر حين يوجد تنقل سابق — بديل عن زر المتصفح في وضع التطبيق) */
.float-back{position:fixed;bottom:20px;right:20px;z-index:60;width:46px;height:46px;border-radius:50%;
  display:none;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  border:1px solid var(--border);color:var(--muted);
  box-shadow:0 4px 14px rgba(37,49,58,.16);transition:background .12s,color .12s,transform .12s,border-color .12s}
.float-back.show{display:inline-flex}
.float-back:hover{background:var(--green-tint);color:var(--green);border-color:var(--green-tint)}
.float-back:active{transform:scale(.93)}
@media(max-width:680px){
  .float-back{bottom:calc(74px + env(safe-area-inset-bottom,0px));right:14px;width:44px;height:44px}
}
.homebtn{margin-right:8px}.rd-brand .homebtn{margin-right:0}

/* result */
#result{margin-top:18px}
.result-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;opacity:0;transform:translateY(8px);transition:.25s}
.result-card.show{opacity:1;transform:none}
.vbanner{display:flex;align-items:center;gap:13px;padding:16px 18px;color:#fff;background:#25313a}
.vbanner .circle{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex:0 0 auto}
.vbanner .vlabel{font-size:11px;color:#9fb0ad;letter-spacing:.06em}
.vbanner .vword{font-weight:700;font-size:21px;color:#fff;font-family:var(--head)}
.vbanner .vsum{margin-right:auto;font-size:12.5px;color:#c2ccca;text-align:left;max-width:280px;line-height:1.55}
.vnote{padding:11px 18px 15px;font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--divider)}
.narrs{padding:4px 16px 12px}
.narr{padding:15px 4px;border-bottom:1px solid var(--divider)}
.narr:last-child{border-bottom:none}
.narr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.narr-id{display:flex;align-items:center;gap:11px}
.narr-num{width:26px;height:26px;border-radius:8px;background:var(--green-tint);color:var(--green);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.narr-name{font-weight:700;font-size:15.5px;color:var(--ink);font-family:var(--head)}
.narr-sub{font-size:13.5px;color:var(--faint);margin-top:1px}
.badge{border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:600;white-space:nowrap}
.narr-note{font-size:13.5px;color:var(--gold-soft);margin:0 0 8px}
.narr-zann{background:#f6f3ea;border:1px solid #e3d9bf;border-right:3px solid var(--green);border-radius:9px;padding:8px 12px;margin:0 0 9px;font-size:13.5px;line-height:1.75}
.narr-zann .zann-h{color:var(--green);font-weight:600;margin-bottom:3px}
.narr-zann .zann-ctx{color:var(--ink-soft);direction:rtl}
.narr-zann .zann-ctx .zann-lbl{color:var(--faint);font-size:12px;font-weight:600}
.narr-zann .zann-why{color:var(--faint);font-size:12.5px;margin-top:3px}
.narr-mushtarak{background:#fbf3e0;border:1px dashed var(--gold);border-radius:10px;padding:11px 14px;margin-bottom:10px;font-size:14.5px;color:var(--ink-soft);line-height:1.8}
.narr-mushtarak .src{display:block;font-size:12px;color:var(--green);font-weight:600;margin-bottom:5px}
.narr-mushtarak .opt{border-top:1px solid #ecdcb4;padding:10px 0;margin-top:6px}
.narr-mushtarak .opt:first-of-type{border-top:0;padding-top:2px}
.opt-h{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.opt-h b{font-weight:700;color:var(--ink)}
.opt-no{font-size:11.5px;color:var(--ink-soft)}
.opt-bio{font-family:var(--naskh);font-size:14.5px;line-height:1.7;color:var(--ink);margin-top:5px}
.opt-pref{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#eef4ee;border:1px solid #cfe3d2;border-radius:9px;padding:8px 12px;margin-bottom:9px;font-size:14.5px;color:var(--ink)}
.opt-pref b{font-weight:700;color:var(--green)}
.opt-zann{font-size:12px;color:var(--muted)}
.narr-text{font-family:var(--naskh);font-size:14px;line-height:1.95;color:var(--ink-soft);margin:0;background:var(--inset);border-radius:9px;padding:11px 14px}
.narr-text + .narr-text{margin-top:10px}
.narr-trd>summary{cursor:pointer;color:var(--green);font-weight:600;font-size:13px;margin:2px 0 4px;list-style-position:inside}
.narr-trd[open]>summary{margin-bottom:8px}
.narr-text .src{display:block;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:12.5px;color:var(--faint-2);margin-bottom:7px}
.narr-tariq{font-size:13px;color:var(--gold-soft);margin-top:9px}

/* rules */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#books{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px 14px}
.rule-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 4px 14px rgba(16,40,30,.04)}
.rule-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.rule-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}
.rule-card h3{font-size:21px;color:var(--ink);font-weight:700}
.rule-card p{font-family:var(--naskh);font-size:20px;line-height:1.85;color:var(--ink-soft)}
.terms-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(16,40,30,.04)}
.term-row{display:flex;align-items:baseline;gap:14px;padding:12px 18px;border-bottom:1px solid var(--divider)}
.grades .term-row{align-items:center}
.grades .rule-ic{flex:none;font-size:14px}
.term-row:last-child{border-bottom:none}
.term-row .t{flex:0 0 120px;font-weight:600;font-size:15px;color:var(--green)}
.grades .term-row .t{flex-basis:76px;color:var(--ink)}
.term-row .d{font-size:15px;line-height:1.7;color:var(--ink-soft)}
.terms-sm .term-row{padding:8px 14px;gap:12px}
.terms-sm .term-row .t{flex-basis:84px;font-size:13.5px}
.terms-sm .term-row .d{font-size:13.5px;line-height:1.6}
h2.sub-h{font-size:21px;margin:32px 0 14px;color:var(--ink);font-weight:700}

/* sources */
.lib-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.lib-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;border:1px solid var(--border-input);border-radius:12px;background:#fff;padding:0 14px}
.lib-search input{flex:1;border:0;background:transparent;padding:13px 4px;font-size:16px;color:var(--ink-body)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13.5px;border:1px solid var(--border-chip);background:#fff;color:#6b6450}
.chip.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:600}
.book-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:7px;box-shadow:0 4px 14px rgba(16,40,30,.04)}
.book-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.book-card h3{font-weight:700;font-size:20px;color:var(--ink)}
.book-era{font-size:12.5px;color:var(--faint-2);white-space:nowrap}
.book-author{font-size:15px;color:var(--green);font-weight:500}
.book-desc{font-family:var(--naskh);font-size:16px;line-height:1.75;color:var(--ink-soft);margin:2px 0 0}
.book-cat{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.book-cat span{font-size:12.5px;color:#7d8a72;background:#eef1e6;border-radius:7px;padding:3px 11px}
.book-card.live{cursor:pointer;transition:box-shadow .15s,border-color .15s}
.book-card.live:hover{border-color:var(--green);box-shadow:0 8px 20px rgba(16,40,30,.10)}
/* عرض المصادر كأغلفة كتب */
#books{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:26px 20px}
.book-cover-card{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:default}
.book-cover-card.live{cursor:pointer}
.bc-cover{position:relative;width:100%;aspect-ratio:3/4;border-radius:6px 11px 11px 6px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 15px rgba(16,40,30,.16);transition:transform .16s,box-shadow .16s}
.book-cover-card.live:hover .bc-cover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(16,40,30,.30)}
.bc-spine{position:absolute;top:0;right:0;width:13px;height:100%;background:rgba(0,0,0,.20);box-shadow:inset -3px 0 7px rgba(0,0,0,.18)}
.bc-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%,rgba(0,0,0,.10))}
.bc-title{position:relative;z-index:1;font-family:var(--naskh);color:#fff;font-size:17px;font-weight:700;text-align:center;line-height:1.5;padding:12px 13px;text-shadow:0 2px 7px rgba(0,0,0,.28)}
.bc-badge{position:absolute;z-index:1;bottom:8px;left:50%;transform:translateX(-50%);font-size:9.5px;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:2px 9px;white-space:nowrap}
.bc-name{font-weight:700;font-size:13px;color:var(--ink);text-align:center;line-height:1.4}
.bc-author{font-size:11.5px;color:var(--muted);text-align:center}
.book-open{font-size:13px;color:var(--green);font-weight:600;background:transparent!important}
.empty{text-align:center;color:var(--muted);padding:40px;font-size:16px}
/* بحث الأحاديث في الصفحة الرئيسية */
.hsearch{display:flex;align-items:center;gap:10px;border:1px solid var(--border-input);border-radius:12px;background:#fff;padding:0 14px;margin-top:4px}
.hsearch input{flex:1;border:0;background:transparent;padding:13px 4px;font-size:16px;color:var(--ink-body);font-family:'IBM Plex Sans Arabic',sans-serif}
#hresults,#hresults2{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.hres-n{font-size:12.5px;color:var(--green);font-weight:600;margin-bottom:2px}
.hres{cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:11px 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.hres:hover{border-color:var(--green);box-shadow:0 4px 14px rgba(16,40,30,.06)}
.hres-src{font-size:12.5px;color:var(--green);font-weight:600;margin-bottom:4px}
.hres-txt{font-family:var(--naskh);font-size:15.5px;line-height:1.7;color:var(--ink-soft)}
.hres-grades{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hres-g{font-size:11.5px;font-weight:600;border-radius:7px;padding:3px 9px}

/* hadith */
.picker{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.picker select{flex:1;min-width:150px;border:1px solid var(--border-input);border-radius:11px;background:#fff;padding:11px 14px;font-family:inherit;font-size:14.5px;color:var(--ink-body);cursor:pointer}
.hadith-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px rgba(16,40,30,.06);overflow:hidden}
.hadith-hero{padding:26px 30px;text-align:center;background:linear-gradient(180deg,#f6efe0,#fff);border-bottom:1px solid var(--divider)}
.hadith-src{display:inline-block;font-size:12px;color:var(--green);background:var(--green-tint);border-radius:999px;padding:5px 15px;margin-bottom:14px;font-weight:600}
.hadith-matn{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:19px;line-height:2.0;color:var(--ink);margin:0}
.hadith-bab-en{font-size:13px;color:var(--muted);margin:-8px 0 14px;font-style:italic;direction:ltr;text-align:right}
.naqul{margin-top:22px;background:#fbf3e0;border:1px dashed var(--gold);border-radius:14px;padding:14px 18px}
.naqul .src{display:block;font-size:12px;color:var(--green);font-weight:700;margin-bottom:10px}
.naqul-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #ecdcb4}
.naqul-row:first-of-type{border-top:0}
.naqul-who{font-size:14.5px;color:var(--ink);font-weight:600}
.naqul-empty{font-size:14.5px;color:var(--muted)}
.translation{}
.translation .src{display:block;font-size:12px;color:var(--green);font-weight:700;margin-bottom:10px}
.translation p{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:1.9;color:var(--ink-soft);direction:ltr;text-align:left}
.htabs{display:flex;gap:4px;padding:8px 14px;border-bottom:1px solid var(--divider);background:var(--inset-2)}
.htabs button{position:relative;flex:1;background:transparent;border:0;cursor:pointer;padding:13px 6px;font-weight:600;font-size:15px;color:var(--muted);border-radius:10px}
.htabs button.active{color:var(--green);background:var(--green-tint)}
.hpanel{padding:28px 32px;display:none}
.hpanel.active{display:block}
.hpanel p{font-family:var(--naskh);font-size:17px;line-height:2;color:var(--ink-soft)}
.pill-verdict{display:inline-flex;align-items:center;gap:9px;background:var(--green-tint);color:var(--green);border-radius:999px;padding:7px 18px;margin-bottom:16px;font-weight:600;font-size:15px}
.pill-verdict .dot{width:8px;height:8px;background:var(--green);border-radius:50%}
.cite{background:var(--inset);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-top:16px}
.cite .src{font-size:12.5px;color:var(--green);font-weight:600;margin-bottom:7px}
.cite p{font-size:20px;line-height:1.9;margin:0}
.eng{background:#f3f5ee;border:1px solid #e2e7d6;border-radius:12px;padding:16px 20px;margin-top:16px;direction:ltr;text-align:left}
.eng .lbl{font-size:11.5px;letter-spacing:.07em;color:var(--faint-2);margin-bottom:6px}
.eng p{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:1.65;color:var(--ink-soft)}
.chain-node{display:flex;align-items:flex-start;gap:16px}
.chain-rail{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
.chain-dot{width:14px;height:14px;background:var(--green);border:3px solid #cbe0cf;border-radius:50%}
.chain-line{width:2px;flex:1;min-height:28px;background:#e2e9e5}
.chain-body{padding-bottom:20px}
.chain-name{font-weight:700;font-size:18px;color:var(--ink)}
.chain-meta{display:flex;gap:10px;align-items:center;margin-top:2px}
.chain-meta .g{font-size:13.5px;color:var(--green);font-weight:500}
.chain-meta .r{font-size:13px;color:var(--faint-2)}

.note-band{max-width:1000px;margin:18px auto 0;font-size:13px;color:var(--faint);text-align:center;line-height:1.7}

/* ===== القارئ المستمر ===== */
.rd-bar{position:sticky;top:0;z-index:6;background:var(--bg);padding:4px 0 12px;border-bottom:1px solid #e3e8e6;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rd-brand{display:flex;align-items:center;gap:11px}
.rd-ic{width:36px;height:36px;border-radius:10px;background:var(--green);display:flex;align-items:center;justify-content:center;flex:none}
.rd-t{font-weight:700;font-size:18px;color:var(--ink);font-family:var(--head);line-height:1.1}
.rd-s{font-size:11.5px;color:var(--faint);margin-top:2px}
.rd-ctrls{display:flex;gap:8px;flex-wrap:wrap}
.rd-ctrls select{border:1px solid var(--border-input);border-radius:9px;background:#fff;padding:9px 12px;font-family:inherit;font-size:13px;color:var(--ink-body);cursor:pointer;max-width:230px}
.rd-chap{position:sticky;top:62px;z-index:4;display:flex;align-items:center;gap:9px;background:var(--chap,#eef3f1);border:1px solid #dde7e4;border-radius:10px;padding:9px 14px;margin:18px 0 12px}
.rd-chap .dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}
.rd-chap .ck{font-weight:700;font-size:14px;color:var(--ink);font-family:var(--head)}
.rd-chap .cd{font-size:12px;color:var(--faint-2)}
.rd-chap .cb{font-size:13px;color:#5d6770}
.rd-h{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:12px;transition:background .25s,border-color .25s,box-shadow .25s}
.rd-h.sel{background:var(--green-tint);border-color:#bcdcd5;box-shadow:0 2px 12px rgba(47,109,99,.12)}
.rd-htop{display:flex;align-items:flex-start;gap:13px;cursor:pointer}
.rd-num{width:28px;height:28px;border-radius:9px;background:#eef3f1;color:var(--green);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none;margin-top:3px}
.rd-labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding-right:41px}
.rl{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 11px;font-size:12px;font-weight:600}
.rl-w{opacity:.65;font-weight:500}
.rl-bayan{cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);transition:filter .12s}
.rl-bayan:hover{filter:brightness(.96)}
.rl-bayan .rl-w{font-weight:600;opacity:.72}
.rd-btns{display:flex;gap:8px;margin-top:14px;padding-right:41px;flex-wrap:wrap}
.rd-b{cursor:pointer;border-radius:8px;font-size:12.5px;padding:7px 14px;font-family:inherit;font-weight:600;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-input);background:#fff;color:var(--muted)}
.rd-b svg{flex:none}
.rd-b.active{background:var(--green);border-color:var(--green);color:#fff}
.rd-spacer{flex:1 1 auto;min-width:8px}
.rd-b.ico{padding:7px 11px;color:var(--green)}
.rd-b.ico:hover{background:var(--green-tint);border-color:var(--green-tint)}
.rd-panel:not([data-open=""]){margin-top:14px}
.rd-panel .result-card{box-shadow:0 4px 14px rgba(37,49,58,.06)}
.rd-tree{padding:16px 16px 4px;background:var(--inset-2);border:1px solid var(--divider);border-radius:11px}
.chain-branches{display:flex;gap:14px;margin:0 26px 2px;flex-wrap:wrap}
.chain-col{flex:1 1 220px;min-width:0;background:var(--bg,#fff);border:1px solid var(--divider);border-radius:10px;padding:12px 14px 0}
.chain-col-h{font-size:13px;font-weight:700;color:var(--faint-2);margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chain-merge{text-align:center;font-size:13px;color:var(--green);font-weight:600;margin:2px 0 12px;letter-spacing:.3px}
.rd-tr{padding:14px 16px;background:var(--inset-2);border:1px solid var(--divider);border-radius:11px;direction:ltr;text-align:left}
.rd-tr .src{display:block;font-size:10.5px;letter-spacing:.07em;color:var(--faint);margin-bottom:7px;text-transform:uppercase}
.rd-tr p{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;line-height:1.75;color:var(--ink-soft);margin:0}
.rd-en{margin-top:12px}
.rd-en>summary{cursor:pointer;display:inline-block;font-size:12.5px;font-weight:600;color:var(--green);background:var(--green-tint);border-radius:8px;padding:6px 13px;list-style:none}
.rd-en>summary::-webkit-details-marker{display:none}
.rd-en[open]>summary{margin-bottom:10px}
.rd-en .rd-tr{direction:ltr;text-align:left;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:14.5px;line-height:1.7;color:var(--ink-soft)}

/* ===== قاعدة الرواة ===== */
.narr-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.nst{flex:1;min-width:96px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 14px;text-align:center}
.nst-n{font-family:var(--head);font-weight:700;font-size:20px;color:var(--green-deep)}
.nst-l{font-size:12px;color:var(--muted);margin-top:3px}
.nst.sm{padding:10px 12px}.nst.sm .nst-n{font-size:16px;color:var(--ink)}
.narr-hint{font-size:13px;color:var(--faint);margin:12px 2px 10px}
.narr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:12px 16px;margin-bottom:8px;cursor:pointer;transition:border-color .12s,background .12s}
.narr-row:hover{border-color:var(--green);background:var(--green-tint)}
.nr-name{font-family:var(--head);font-weight:600;font-size:15.5px;color:var(--ink)}
.nr-sub{font-size:12px;color:var(--faint);margin-top:2px}
.narr-more{text-align:center;font-size:12.5px;color:var(--faint);padding:10px}
.narr-detail{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px 22px 18px}
.nd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--divider);padding-bottom:15px}
.nd-name{font-family:var(--head);font-weight:700;font-size:21px;color:var(--ink)}
.nd-no{font-size:12.5px;color:var(--muted);margin-top:4px}
.badge.lg{font-size:14px;padding:7px 16px;border-radius:9px}
.nd-stats{display:flex;gap:10px;margin:16px 0}
.nd-rel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}
.ndr-t{font-size:12.5px;font-weight:700;color:var(--green-deep);margin-bottom:8px}
.rchips{display:flex;flex-wrap:wrap;gap:6px}
.rchip{cursor:pointer;border:1px solid var(--border-input);background:var(--inset-2);color:var(--ink-soft);border-radius:7px;padding:5px 11px;font-family:var(--naskh);font-size:13.5px}
.rchip:hover{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}
.rc-n{display:inline-block;margin-right:6px;background:var(--green-tint);color:var(--green-deep);border-radius:6px;padding:0 6px;font-size:11px;font-weight:700;font-family:var(--head)}
.rnone,.ndr .rnone{font-size:13px;color:var(--faint)}
.nd-bio{background:var(--inset-2);border:1px solid var(--divider);border-radius:11px;padding:14px 16px;margin:14px 0;font-family:var(--naskh);font-size:14.5px;line-height:2;color:var(--ink-soft)}
.nd-bio .src{display:block;font-size:11px;color:var(--green);font-family:var(--head);margin-bottom:7px}
.nd-extra{white-space:pre-line;font-size:15px}
.nd-reld{margin:14px 0} .nd-reld summary{cursor:pointer;color:var(--green);font-weight:600;font-size:14px} .nd-reld .nd-rel{margin-top:10px}
/* «الألف رجل» على بطاقة الراوي */
.alf{background:var(--surface);border:1px solid var(--divider);border-right:3px solid var(--gold-line);border-radius:11px;padding:14px 16px;margin:14px 0}
.alf-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.alf-h .src{font-size:12px;color:var(--gold);font-family:var(--head);font-weight:700}
.alf-no,.alf-tab{font-size:11.5px;border-radius:6px;padding:1px 8px;background:var(--inset);border:1px solid var(--divider);color:var(--ink-soft)}
.alf-g{margin-top:10px}
.alf-gh{font-size:11.5px;color:var(--faint);font-weight:600;margin-bottom:5px;font-family:var(--head)}
.alf-q{background:var(--inset-2);border-radius:9px;padding:8px 12px;margin-bottom:6px}
.alf-q.rev{outline:1.5px dashed var(--gold-line)}
.alf-qh{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px}
.alf-qh b{color:var(--ink)} .alf-qh .badge{font-size:11.5px}
.alf-mb,.alf-rv{font-size:11.5px;color:var(--faint)} .alf-rv{color:var(--gold)}
.alf-qt{font-family:var(--naskh);font-size:14px;line-height:1.85;color:var(--ink-soft);margin-top:2px}
.alf details{margin-top:9px;font-size:13.5px} .alf summary{cursor:pointer;color:var(--green);font-weight:600}
.alf-al,.alf-tr{font-family:var(--naskh);color:var(--ink-soft);line-height:1.9;margin-top:6px;white-space:pre-line}
.alf-fn{font-size:12px;color:var(--faint);margin-top:6px;white-space:pre-line}
.alf-note{font-size:11.5px;color:var(--faint);margin-top:10px}
.alf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:-2px 0 9px}
.ach-l{font-size:11.5px;color:var(--faint)}
.ach{font-size:11.5px;font-weight:600;border-radius:6px;padding:1px 8px;cursor:help}
.cl-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:var(--inset-2);border-radius:9px;padding:8px 12px;margin-bottom:6px;font-size:13.5px}
.cl-row b{color:var(--ink)} .cl-why{font-size:12.5px;color:var(--ink-soft);flex-basis:100%}
/* هويّة الراوي — على نسق تطبيق «الألف رجل»: رأسٌ أخضر وعناوينُ تحته */
.idb{border:1.5px solid #cfe3d2;border-radius:14px;overflow:hidden;margin:14px 0;background:var(--surface)}
.idb-h{background:var(--green);color:#fff;padding:11px 16px}
.idb-n{font-family:var(--head);font-weight:700;font-size:18px}
.idb-id{font-size:12px;opacity:.85;margin-top:2px}
.idb-l{padding:6px 10px}
.idf{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 6px;border-bottom:1px solid var(--divider);font-size:14.5px}
.idf:last-child{border-bottom:0}
.idf.lnk{cursor:pointer} .idf.lnk:hover{background:var(--green-tint)}
.idf.cur{background:#f3f8f2}
.idf-ar{color:#6b7aa6;font-size:15px} .idf-n{font-family:var(--naskh);color:var(--ink)}
.idf .badge{font-size:11px} .idf-no{font-size:11px;color:var(--faint)}
.idf-r{font-size:11px;border-radius:6px;padding:1px 7px;background:var(--inset);color:var(--muted);border:1px solid var(--divider)}
.idr-home,.idr-rev,.idr-mufid{background:var(--green-tint);color:var(--green-deep);border-color:transparent}
.idr-alf{background:#fdf6e4;color:var(--gold);border-color:transparent}
.idr-diff,.idr-pending{background:var(--coral-tint);color:var(--coral);border-color:transparent}
.idf-cur{font-size:11px;font-weight:700;color:var(--green)}
.idb-foot{font-size:11.5px;color:var(--faint);padding:8px 16px 11px;border-top:1px solid var(--divider)}
.nd-had{margin-top:16px}
.ndh-t{font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);margin-bottom:9px}
.ndh-t span{font-weight:500;color:var(--faint);font-size:12.5px}
.rh-row{background:var(--inset);border:1px solid var(--divider);border-radius:9px;padding:10px 13px;margin-bottom:7px;cursor:pointer}
.rh-row:hover{border-color:var(--green)}
.rh-loc{font-size:12px;color:var(--green-deep);font-weight:600;margin-bottom:3px}
.rh-snip{font-family:var(--naskh);font-size:14.5px;color:var(--ink-soft);line-height:1.7}
.nd-foot{font-size:11.5px;color:var(--faint);margin-top:14px;line-height:1.7}
.narr-link{cursor:pointer;color:var(--green);border-bottom:1px dashed var(--green-tint);transition:border-color .12s}
.narr-link:hover{border-bottom-color:var(--green)}
/* بطاقة الحديث المفرد (داخل الصفحة) */
.hm-card{background:var(--green-tint);border:1px solid #bcdcd5;border-radius:15px;padding:20px 20px 16px;margin-top:14px;box-shadow:0 2px 12px rgba(47,109,99,.12)}
.hm-loc{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:600;color:var(--green-deep);margin-bottom:12px}
.hm-tools{display:flex;align-items:center;gap:6px;flex:none}
.hm-ic{border:0;background:var(--inset-2);width:28px;height:28px;border-radius:8px;cursor:pointer;color:var(--green);display:flex;align-items:center;justify-content:center}
.hm-ic:hover{background:var(--green-tint)}
.hm-close{border:0;background:var(--inset-2);width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:19px;color:var(--muted);line-height:1;flex:none}
.hm-close:hover{background:#f6e7e2;color:var(--daif)}
.hm-card .hadith-matn{margin-bottom:14px}
.hm-card .rd-panel:not([data-open=""]){margin-top:14px}
.pick-hint{background:#fdf6e8;border:1px solid var(--gold-line);border-radius:12px;padding:15px 18px;margin-top:14px;font-size:14.5px;line-height:1.85;color:#7a6326}
/* حديث اليوم */
/* حديث اليوم — بطاقة مطوية تتوسع بالنقر */
.daily-card{background:#fff;border:1px solid var(--border);border-right:4px solid var(--gold);border-radius:13px;margin:14px 0 18px;overflow:hidden;transition:box-shadow .15s}
.daily-card:empty{display:none}
.daily-card.open{box-shadow:0 8px 24px rgba(37,49,58,.08)}
.daily-head{display:flex;align-items:center;gap:12px;padding:13px 17px;cursor:pointer}
.daily-tag{flex:none;font-family:var(--head);font-weight:700;font-size:13px;color:var(--gold)}
.daily-prev{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--naskh);font-size:15px;color:var(--muted)}
.daily-spacer{flex:1}
.daily-chev{flex:none;color:var(--faint-2);transition:transform .2s}
.daily-card:not(.open) .daily-chev{transform:rotate(90deg)}
.daily-matn{font-family:var(--naskh);font-size:17px;line-height:2.1;color:var(--ink);padding:4px 20px 14px;margin:0;text-align:justify}
.daily-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 16px}
.daily-src{color:var(--gold);font-size:13px;font-weight:600;font-family:var(--head)}
.daily-icons{display:flex;gap:9px}
.daily-ic{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-input);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--green);transition:background .12s}
.daily-ic:hover{background:var(--green-tint);border-color:var(--green-tint)}
/* نافذة المشاركة */
.share-ov{display:none;position:fixed;inset:0;z-index:70;background:rgba(16,22,27,.62);padding:20px;overflow:auto}
.share-ov.open{display:flex;align-items:flex-start;justify-content:center}
.share-box{background:#fff;border-radius:16px;max-width:430px;width:100%;margin:auto;padding:16px 16px 18px;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.share-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);margin-bottom:12px}
.share-canvas-wrap{background:var(--inset-2);border-radius:12px;padding:10px;display:flex;justify-content:center}
.share-canvas-wrap canvas{width:100%;max-width:340px;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.share-bglabel{font-size:12px;color:var(--muted);font-weight:600;margin:14px 2px 8px}
.share-bgs{display:flex;gap:9px;flex-wrap:wrap}
.sbg{width:40px;height:40px;border-radius:10px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.sbg.active{border-color:var(--green);box-shadow:0 0 0 2px var(--green-tint)}
.share-editlabel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 2px 7px}
.share-editlabel span{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.5}
.share-editlabel button{flex:none;font-size:11.5px;font-weight:700;color:var(--green);background:none;border:0;cursor:pointer;font-family:inherit;padding:2px 4px;white-space:nowrap}
.share-edit{width:100%;box-sizing:border-box;font-family:var(--naskh,inherit);font-size:15px;line-height:1.95;
  color:var(--ink);background:var(--inset-2);border:1px solid var(--border-input);border-radius:10px;
  padding:11px 12px;resize:vertical;min-height:82px;max-height:230px;direction:rtl;text-align:right}
.share-edit:focus{outline:none;border-color:var(--green);background:#fff}
.share-actions{display:flex;gap:9px;margin-top:16px}
.share-actions .btn{flex:1}
/* توست */
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:11px 22px;border-radius:24px;font-size:14px;font-weight:600;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* ===== حول الموقع ===== */
.about-hero{background:linear-gradient(135deg,var(--green-tint),var(--inset-2));border:1px solid var(--border);border-radius:16px;padding:26px 26px 24px;margin-bottom:8px}
.ah-badge{display:inline-block;background:var(--green);color:#fff;font-size:11.5px;font-weight:700;border-radius:20px;padding:5px 13px}
.ah-lead{font-size:16.5px;line-height:1.95;color:var(--ink-body);margin:0 0 12px}
.ab-h{font-family:var(--head);font-size:18px;color:var(--ink);margin:30px 0 13px;padding-right:13px;border-right:3px solid var(--green)}
.ab-h.ab-first{margin-top:4px}
.ab-steps{display:flex;flex-direction:column;gap:10px}
.ab-step{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 17px}
.ab-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--green-tint);color:var(--green-deep);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.ab-step b{font-family:var(--head);font-size:15px;color:var(--ink)}
.ab-step p{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.75}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 19px}
.ab-card-t{font-family:var(--head);font-weight:700;font-size:15.5px;color:var(--ink);margin-bottom:8px}
.ab-card p{margin:0;font-size:14.5px;line-height:1.85;color:var(--ink-soft)}
.ab-link{display:inline-block;margin-top:11px;color:var(--green);font-weight:600;font-size:13.5px;text-decoration:none}
.ab-link:hover{text-decoration:underline}
.ab-note{background:var(--inset-2);border:1px solid var(--divider);border-radius:11px;padding:13px 16px;margin-top:12px;font-size:13.5px;color:var(--muted);line-height:1.8}
.ab-list{margin:10px 0 0;padding-right:20px;display:flex;flex-direction:column;gap:7px}
.ab-list li{font-size:14.5px;line-height:1.7;color:var(--ink-soft)}
.ab-contact{display:flex;align-items:center;gap:14px}

/* ===== الصفحة الرئيسية (تصفح أولا) ===== */
.home-brand{display:none;justify-content:space-between;align-items:center;margin-bottom:16px}
.home-brand .hb-l{display:flex;align-items:center;gap:11px}
.home-brand .hb-mark{width:34px;height:34px;border-radius:11px;background:var(--green);display:flex;align-items:center;justify-content:center;flex:none}
.home-brand .hb-name{display:block;font-family:var(--head);font-weight:800;font-size:19px;color:var(--ink);line-height:1.15}
.home-brand .hb-tag{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.home-brand .hb-info{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.home-search{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 15px;box-shadow:0 2px 6px rgba(45,38,26,.04);max-width:680px}
.home-search>svg{flex:none}
.home-search input{flex:1;min-width:0;border:0;background:transparent;font-size:15px;color:var(--ink-body);font-family:'IBM Plex Sans Arabic',sans-serif}
.home-search input::placeholder{color:var(--faint)}
.home-chip{flex:none;cursor:pointer;font-size:11px;font-weight:700;color:#fff;background:var(--coral);border:0;border-radius:8px;padding:7px 14px;font-family:inherit;white-space:nowrap}
#homeResults{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-width:680px}
.home-daily-row{display:flex;gap:26px;align-items:flex-start;margin-top:30px}
.home-daily{position:relative;overflow:hidden;background:var(--green-tint);border:1px solid #d3e6e1;border-radius:18px;padding:22px 26px;margin-top:26px;max-width:680px}
.home-daily:empty{display:none}
.home-daily::before{content:"”";position:absolute;top:2px;left:22px;font-family:var(--head);font-weight:900;font-size:90px;line-height:1;color:rgba(47,109,99,.13);pointer-events:none}
.home-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--green-deep);background:#fff;border-radius:7px;padding:4px 10px;font-family:'IBM Plex Sans Arabic',sans-serif}
.home-daily-matn{position:relative;font-family:var(--head);font-weight:800;font-size:26px;line-height:1.66;color:var(--ink);margin:15px 0 12px;cursor:pointer}
.home-daily-matn.dl-m{font-size:21px;line-height:1.74}
.home-daily-matn.dl-l{font-size:18px;line-height:1.86}
.home-daily-matn.dl-xl{font-size:16px;line-height:1.95}
.home-daily-src{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.home-daily-src .dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}
.home-daily-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.home-daily-acts{display:flex;gap:9px;flex:none}
.home-quick{flex:none;width:230px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:6px 16px}
.home-quick .qh{font-family:var(--head);font-weight:800;font-size:14px;color:var(--ink);padding:13px 2px 9px}
.home-qrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 2px;border-top:1px solid var(--divider);cursor:pointer;font-size:14px;color:var(--ink-body)}
.home-qrow:hover{color:var(--green)}
.home-qrow svg{flex:none;color:var(--faint)}
.home-sec-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}
.home-sec-head h2{font-family:var(--head);font-weight:800;font-size:18px;color:var(--ink)}
.home-all{font-size:12.5px;font-weight:600;color:var(--coral);cursor:pointer;background:none;border:0;font-family:inherit}
.home-books{display:block}
.hb-row{display:grid;gap:14px}
.hb-live{grid-template-columns:repeat(2,1fr)}
.hb-soon{grid-template-columns:repeat(3,1fr)}
.hb-soon-h{font-family:var(--head);font-weight:700;font-size:13px;color:var(--faint);margin:18px 2px 9px}
.hb-soon .book-tile{min-height:84px;opacity:.7}
.hb-soon .book-tile .bt-title{font-size:14.5px}
.hb-soon .book-tile .wm{font-size:60px}
.book-tile{position:relative;border-radius:18px;padding:15px 16px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;color:#fff;overflow:hidden;cursor:pointer;transition:transform .12s}
.book-tile:active{transform:scale(.98)}
.book-tile .wm{position:absolute;bottom:-16px;left:6px;font-family:var(--head);font-weight:900;font-size:78px;line-height:1;color:rgba(255,255,255,.09);pointer-events:none;user-select:none}
.book-tile .bt-title{position:relative;font-family:var(--head);font-weight:700;font-size:16.5px;z-index:1}
.book-tile .bt-count{position:relative;font-size:11.5px;opacity:.78;z-index:1}
.book-tile .bt-chip{position:absolute;top:13px;left:13px;font-size:10px;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:2px 8px;opacity:.9;z-index:1}
.book-tile.soon{cursor:default}
.checker-panel{margin-top:16px;max-width:680px}
.checker-panel .card-input{box-shadow:0 2px 6px rgba(45,38,26,.04)}
.home-chip.on{background:var(--green);color:#fff}

/* توحيد الخط: العناوين بخط Tajawal الثقيل في جميع الصفحات */
h1.title,h2.sub-h,.ab-h,.rule-card h3,.terms-card .t,.nd-name,.ndh-t,.ab-card-t,.rd-t,.narr-name,.book-era,.vbanner .vword,.nr-name{font-family:var(--head)}
h1.title,h2.sub-h,.ab-h,.rule-card h3,.nd-name,.rd-t,.vbanner .vword{font-weight:800}

/* شريط تبويب سفلي (الجوال فقط) */
.tabbar{display:none}
.tabnav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;color:var(--faint);font-family:inherit;font-size:10px;font-weight:600}
.tabnav.active{color:var(--green)}
.tabnav svg{width:21px;height:21px}
/* ورقة «المزيد» */
.more-ov{display:none;position:fixed;inset:0;z-index:80;background:rgba(16,16,14,.42)}
.more-ov.open{display:flex;align-items:flex-end}
.more-box{background:var(--surface);width:100%;border-radius:18px 18px 0 0;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.18)}
.more-row{display:block;width:100%;text-align:right;background:none;border:0;border-bottom:1px solid var(--divider);padding:16px 6px;font-family:var(--head);font-weight:700;font-size:16px;color:var(--ink);cursor:pointer}
.more-note{padding:12px 6px 4px;font-size:11.5px;line-height:1.7;color:var(--faint);text-align:center}
.more-cancel{display:block;width:100%;margin-top:8px;background:var(--inset);border:0;border-radius:11px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer}

@media(max-width:680px){
  /* تخطيط عام */
  .grid2,.ab-grid,.nd-rel{grid-template-columns:1fr}
  h1.title{font-size:22px}.title.sm{font-size:20px}
  .main{padding:calc(18px + env(safe-area-inset-top,0px)) 14px 88px}.maincol{max-width:none}
  /* الجوال: إخفاء الشريط الجانبي وإظهار شريط التبويب السفلي */
  .sidebar{display:none}
  .tabbar{display:flex;position:fixed;inset:auto 0 0 0;height:calc(74px + env(safe-area-inset-bottom,0px));
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(244,242,236,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border-top:1px solid var(--border);z-index:40}
  /* الصفحة الرئيسية على الجوال */
  .home-brand{display:flex}
  .home-search{max-width:none}
  .home-chip{color:var(--coral);background:var(--coral-tint)}
  #homeResults{max-width:none}
  .home-daily-row{display:block;margin-top:26px}
  .home-quick{display:none}
  .home-daily{padding:20px 18px}
  .home-daily-matn{font-size:22px;line-height:1.6}
  .home-daily-matn.dl-m{font-size:19px;line-height:1.68}
  .home-daily-matn.dl-l{font-size:16.5px;line-height:1.82}
  .home-daily-matn.dl-xl{font-size:14.8px;line-height:1.9}
  .hb-row{gap:12px}
  .hb-live{grid-template-columns:1fr}
  .hb-soon{grid-template-columns:1fr 1fr 1fr}
  /* القارئ المستمر */
  .rd-bar{position:static}
  .rd-chap{top:0}
  .rd-ctrls{width:100%}
  .rd-ctrls select{flex:1 1 46%;min-width:0;max-width:none;font-size:16px}
  .hadith-matn{font-size:18px;line-height:1.95}
  .rd-labels,.rd-btns{padding-right:0}
  /* لافتة الحكم */
  .vbanner{flex-wrap:wrap}.vbanner .vword{font-size:19px}
  .vbanner .vsum{margin-right:0;max-width:none;width:100%;text-align:right;
    padding-top:6px;margin-top:4px;border-top:1px solid #36424b}
  /* حول + الرواة */
  .about-hero{padding:20px 17px}.ah-lead{font-size:15px}
  .narr-stats{gap:7px}.nst{min-width:29%;padding:10px 6px}.nst-n{font-size:17px}
  .narr-detail{padding:18px 15px}.nd-stats{flex-wrap:wrap}
  .nd-name{font-size:19px}
  textarea{font-size:16px}
  .hm-card{padding:16px 15px 14px}
  .daily-matn{font-size:16.5px}
  .toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  .share-ov{padding:12px}
}
/* المفضلة + الملاحظات */
.favb.on svg,.noteb.on{color:var(--green)}
.favb.on svg{fill:var(--green);stroke:var(--green)}
.fav-card{background:#fff;border:1px solid var(--border-input,#e5e9e8);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.fav-src{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--faint,#8a9a97);margin-bottom:7px}
.fav-src .dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex:none}
.fav-matn{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;line-height:1.9;color:var(--ink,#26302e);cursor:pointer;margin:0 0 8px}
.fav-note{background:var(--green-tint,#eef5f3);border-radius:10px;padding:8px 11px;font-size:14px;color:var(--ink-soft,#4a5654);margin-bottom:9px;white-space:pre-wrap}
.fav-note-l{display:block;font-size:11.5px;color:var(--green);margin-bottom:3px;font-weight:600}
.fav-acts{display:flex;gap:7px;flex-wrap:wrap}
.fav-groups{margin-bottom:14px}
.fav-groups .chip .n{opacity:.7;font-size:12px;margin-right:4px}
.fav-groups .chip.add{border-style:dashed;color:var(--green)}
.grp-tools{display:flex;gap:8px;margin-top:10px}
.fav-gtags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.fav-gtag{font-size:11.5px;font-weight:600;color:var(--green-deep);background:var(--green-tint);border-radius:6px;padding:2px 8px;cursor:pointer}
.grp-list{max-height:280px;overflow-y:auto;margin-bottom:10px}
.grp-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--divider,#eef1f0);cursor:pointer;font-size:15px;color:var(--ink)}
.grp-row input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:0}
.grp-row .n{margin-right:auto;font-size:12.5px;color:var(--faint,#8a9a97)}
.grp-empty{font-size:13.5px;color:var(--faint,#8a9a97);padding:6px 4px 12px}
.grp-new{display:flex;gap:8px}
.grp-new input{flex:1;min-width:0;border:1px solid var(--border-input,#e5e9e8);border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit;direction:rtl}
.fav-empty{color:var(--faint,#8a9a97);font-size:14.5px;padding:26px 4px;text-align:center;line-height:1.8}
.note-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:120;padding:18px}
.note-ov.open{display:flex}
.note-box{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.note-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:600;color:var(--ink,#26302e)}
.note-edit{width:100%;min-height:140px;border:1px solid var(--border-input,#e5e9e8);border-radius:12px;padding:11px 13px;font-family:var(--naskh);font-size:15.5px;line-height:1.85;resize:vertical;box-sizing:border-box;direction:rtl}
.note-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}