/* ---- لوحة الفهرس الجانبية (أ-٢) ---- */
.sn-tab{position:fixed;inset-inline-start:0;top:40%;bottom:auto;height:max-content;z-index:40;writing-mode:vertical-rl;background:var(--gold);color:var(--on-gold);border:0;border-radius:10px 0 0 10px;padding:14px 8px;font:700 14px/1 var(--ui,inherit);cursor:pointer;box-shadow:0 2px 10px #0006}
.sn-tab[hidden]{display:none}
.sn-panel{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(380px,92vw);z-index:50;background:var(--surface-200);color:var(--ink);border-inline-end:1px solid var(--line);box-shadow:-8px 0 30px #0007;display:flex;flex-direction:column;gap:8px;padding:12px 14px;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s}
[dir=rtl] .sn-panel{transform:translateX(100%)}
.sn-panel.open{transform:none;visibility:visible;transition:transform .22s ease}
.sn-hd{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font:700 18px Amiri,serif}
.sn-x{background:none;border:0;color:var(--ink-muted);font-size:18px;cursor:pointer}
.sn-q{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-100);color:var(--ink);font:inherit}
.sn-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--ink-muted)}
.sn-c{padding:2px 12px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--ink-muted);font:inherit;font-size:13px;cursor:pointer}
.sn-c.on{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.sn-list{overflow:auto;flex:1;margin-inline:-6px;padding-inline:6px}
.sn-p{position:sticky;top:0;background:var(--surface-200);color:var(--gold);font-weight:700;padding:8px 2px 4px;border-bottom:1px solid var(--surface-300);display:flex;justify-content:space-between}
.sn-p small{color:var(--ink-muted);font-weight:400}
.sn-i{display:flex;gap:8px;align-items:baseline;padding:4px 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14.5px}
.sn-i:hover{background:var(--surface-300);text-decoration:none}
.sn-i.l1{font-weight:700;color:var(--gold)}.sn-i.l2{padding-inline-start:12px;font-weight:600}.sn-i.l3{padding-inline-start:28px;color:var(--ink-muted)}.sn-i.l4{padding-inline-start:44px;color:var(--ink-muted);font-size:13.5px}
.sn-i.cur{background:var(--gold);color:var(--on-gold)}.sn-i.cur *{color:var(--on-gold)}
.sn-i .t{flex:1}.sn-i .pg{font-size:12px;color:var(--ink-muted)}.sn-i .k{font-size:11px;color:var(--gold)}
.sn-e{color:var(--ink-muted);text-align:center;padding:24px}
@media print{.sn-tab,.sn-panel{display:none}}

/* ---- فهرس الكتاب الكامل (أ-١) ---- */
.ix-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 14px;position:sticky;top:0;background:var(--surface-100);padding:6px 0;z-index:3}
.ix-bar input{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-200);color:var(--ink);font:inherit;width:280px;max-width:100%}
.ix-bar .sn-c{font-size:14px;padding:3px 14px}
.ixp{font:700 24px Amiri,serif;color:var(--gold);margin:22px 0 4px;border-bottom:1px solid var(--surface-300)}
.ixc{columns:2 320px;column-gap:44px}
.ixl{display:flex;align-items:baseline;gap:8px;padding:2px 6px;border-radius:6px;color:var(--ink);text-decoration:none;break-inside:avoid}
.ixl:hover{background:var(--surface-200);text-decoration:none}
.ixl b{font-weight:600}.ixl .dots{flex:1;border-bottom:2px dotted var(--line);opacity:.55;transform:translateY(-4px);min-width:14px}
.ixl .pg{font-size:13px;color:var(--ink-muted)}
.ixl.l1{font:700 18px Amiri,serif;color:var(--gold);margin-top:4px}.ixl.l2 b{font-weight:700}.ixl.l2{padding-inline-start:18px}.ixl.l3{padding-inline-start:42px;color:var(--ink-muted);font-size:.95em}.ixl.l3 b{font-weight:400}.ixl.l4{padding-inline-start:66px;color:var(--ink-muted);font-size:.9em}.ixl.l4 b{font-weight:400}
.ixl[hidden],.ixp[hidden]{display:none}
@media(max-width:700px){.ixl.l3{padding-inline-start:28px}.ixl.l4{padding-inline-start:44px}}

/* ---- أزرار الشريط العلوي للكتاب + شكل بحث الكتاب (مثل المحرك الكبير) ---- */
.bn-sp{flex:1}
#booknav a.bn-cls{color:var(--gold);border:1px solid var(--line);border-radius:99px;padding:2px 14px;margin:4px 0 4px 6px;border-bottom-width:1px}
#booknav a.bn-cls:hover{background:var(--gold);color:var(--on-gold)}
.bsearch{margin:6px 0 14px}
.bsearch input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-200);color:var(--ink);font:inherit;font-size:18px}
.bsearch input:focus{outline:2px solid var(--gold);outline-offset:1px}
.bsearch .bs-sub{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;color:var(--ink-muted);font-size:14px}
.bsearch .bs-sub a{background:var(--surface-300);color:var(--ink);border-radius:99px;padding:0 12px;text-decoration:none}
.bsearch .bs-sub a:hover{outline:1px solid var(--gold)}
.results .res a{background:var(--surface-200);border:1px solid var(--surface-300);border-radius:14px;padding:12px 16px}
.results .res a:hover{border-color:var(--gold)}
.results .pgb{background:var(--leather,#8a5a33);color:var(--ink)}
.results .rc{font:700 17px Amiri,serif;color:var(--gold)}
@media(min-width:1100px){body.sn-open{padding-inline-start:380px;transition:padding .22s ease}}

/* زر «حفظ كصورة» في نتائج الكتاب */
.results .shbtn{margin:0 4px 6px;padding:2px 14px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--gold);font:inherit;font-size:.85rem;cursor:pointer}.results .shbtn:hover{background:var(--gold);color:var(--on-gold)}