[hidden]{display:none!important}
:root{--bg:#f4ecd8;--card:#fbf6e8;--card2:#efe5c8;--ink:#1d1a12;--mut:#6d6249;--acc:#2f6b57;--gold:#8a5f0a;--line:rgba(60,45,10,.17);--hi:rgba(227,189,98,.38);--warn:#8a4a10;--sat:42%;--lit:40%;
--f:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;--t:'Amiri','Noto Naskh Arabic',serif}
html[data-theme="sepia"]{--bg:#e7d6a8;--card:#efe0b8;--card2:#dcc88f;--ink:#2a1e0c;--mut:#6b5a38;--acc:#7d5d2c;--gold:#7c4a0c;--line:rgba(70,45,10,.22);--warn:#7c3a08}
html[data-theme="night"]{--bg:#0b1512;--card:#12201b;--card2:#1a2c25;--ink:#efe6cf;--mut:#9fb0a6;--acc:#3c8a72;--gold:#e3bd62;--line:rgba(255,255,255,.11);--hi:rgba(227,189,98,.22);--warn:#e3a35a;--sat:34%;--lit:56%}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f);line-height:1.6;-webkit-text-size-adjust:100%;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wrap{max-width:62rem;margin:0 auto;padding:0 .9rem}
/* الرأس الثابت: رجوع + عنوان + ثيم، وتحته البحث */
.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.bar{display:flex;align-items:center;gap:.6rem;padding:.55rem 0 .4rem}
.ib{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--gold);display:inline-grid;place-items:center;padding:0}
.ib:active{transform:scale(.92)}
.ib svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bar h1{flex:1;min-width:0;margin:0;font:700 1.3rem/1.2 var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.find{position:relative;padding:0 0 .65rem}
.find input{width:100%;height:2.9rem;border-radius:1.5rem;border:1px solid var(--line);background:var(--card);padding:0 3rem 0 3rem;font-size:1rem}
.find input::placeholder{color:var(--mut)}
.find .gl{position:absolute;inset-inline-start:.95rem;top:.85rem;width:1.15rem;height:1.15rem;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;pointer-events:none}
.find .x{position:absolute;inset-inline-end:.3rem;top:.2rem;width:2.5rem;height:2.5rem;border:0;background:none;color:var(--mut);font-size:1.4rem;line-height:1}
main{padding:1rem 0 3rem;min-height:60vh}
.sec{margin:0 0 1.6rem}
.sec>h2{margin:0 0 .7rem;font:700 1.15rem/1.3 var(--t)}
.sec>h2 small{font:400 .82rem var(--f);color:var(--mut);margin-inline-start:.5rem}
/* الأقسام: أكتاف كتب، شريط لوني جانبي لكل قسم */
.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media (min-width:640px){.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}
.spine{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;min-height:7.2rem;padding:.8rem .9rem .75rem 1.15rem;border:1px solid var(--line);border-radius:.9rem;background:var(--card);overflow:hidden;text-align:start}
.spine::before,.row::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:.4rem;background:hsl(var(--h,40) var(--sat) var(--lit))}
.spine svg{width:1.5rem;height:1.5rem;fill:none;stroke:hsl(var(--h,40) var(--sat) var(--lit));stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.spine b{display:block;font:700 1.12rem/1.3 var(--t)}
.spine small{color:var(--mut);font-size:.8rem}
.spine:active,.row:active{background:var(--card2)}
/* صف الكتاب */
.list{display:grid;gap:.6rem}
@media (min-width:900px){.list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.row{position:relative;display:block;padding:.75rem .9rem .7rem 1.15rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card);overflow:hidden;min-width:0}
.row h3{margin:0;font:700 1.15rem/1.4 var(--t);overflow-wrap:anywhere}
.row .au{color:var(--mut);font-size:.88rem;overflow-wrap:anywhere}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}
.tag{font-size:.74rem;padding:.08rem .55rem;border-radius:1rem;background:var(--card2);color:var(--mut);white-space:nowrap}
.tag.w{background:var(--hi);color:var(--ink)}
/* تصفية وفرز */
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}
.chip{display:inline-flex;align-items:center;min-height:2.4rem;padding:.2rem .85rem;border-radius:1.3rem;border:1px solid var(--line);background:var(--card);font-size:.88rem}
.chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .9rem}
.tools label{display:flex;align-items:center;gap:.4rem;font-size:.84rem;color:var(--mut)}
.tools select{height:2.5rem;border-radius:.7rem;border:1px solid var(--line);background:var(--card);padding:0 .6rem;max-width:100%}
.count{margin:0 0 .7rem;color:var(--mut);font-size:.88rem}
.more{display:block;margin:1rem auto 0;min-height:2.8rem;padding:0 1.6rem;border-radius:1.5rem;border:1px solid var(--line);background:var(--card)}
/* مسار التنقل */
.crumb{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:0 0 .8rem;font-size:.85rem;color:var(--mut)}
.crumb a{padding:.25rem 0}.crumb a:hover{color:var(--gold)}
.crumb i{font-style:normal;opacity:.6}
/* صفحة الكتاب */
.bk h1{margin:.2rem 0 .1rem;font:700 1.9rem/1.35 var(--t);overflow-wrap:anywhere}
.bk .by{margin:0 0 1rem;color:var(--mut);font-size:1rem}
.bk .by a{color:var(--gold)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0 0 1rem}
@media (min-width:640px){.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.facts div{padding:.55rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--card);min-width:0}
.facts dt{font-size:.76rem;color:var(--mut)}.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.note{padding:.7rem .85rem;border-radius:.7rem;border:1px solid var(--line);border-inline-start:.3rem solid var(--warn);background:var(--card);font-size:.9rem;margin:0 0 1rem}
.acts{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:0 1.5rem;border-radius:1.5rem;border:1px solid var(--acc);background:var(--acc);color:#fff;font-weight:700}
.btn.o{background:none;color:var(--ink);border-color:var(--line);font-weight:500}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.hint{color:var(--mut);font-size:.82rem}
/* حالات */
.state{display:grid;justify-items:center;gap:.8rem;padding:3rem 1rem;text-align:center;color:var(--mut)}
.state b{color:var(--ink);font:700 1.1rem var(--t)}
.skel{height:5.2rem;border-radius:.9rem;background:linear-gradient(90deg,var(--card) 0,var(--card2) 50%,var(--card) 100%);background-size:200% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.foot{margin:2rem 0 0;color:var(--mut);font-size:.8rem;text-align:center}
@media (prefers-reduced-motion:reduce){.skel{animation:none}.ib:active{transform:none}}
/* القارئ: كتاب حقيقي (ورق وتقليب مثل المصحف) */
html.reading,html.reading body{overflow:hidden}
html.reading .top,html.reading #app{display:none}
.rdr{--paper:#f7f0de;--paper2:#efe5c8;--rink:#1a1710;--rule:#2f6b57;--rule2:#c9a64f;--num:#7a5a14;--hl:rgba(227,189,98,.42);--g:227,189,98;--gold2:#e3bd62;--ivory:#f6efdd;--cov1:#14382c;--cov2:#0a2119;--fz:20px;
position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;color:var(--ivory);background:radial-gradient(120% 80% at 50% -10%,#173229 0,#0d1b16 48%,#0b1512);padding-top:env(safe-area-inset-top);overscroll-behavior:none}
html[data-theme="sepia"] .rdr{--paper:#ecdcb4;--paper2:#dcc88f;--rink:#2a1e0c;--rule:#7d5d2c;--rule2:#b4863a;--num:#6b4a14;--cov1:#4a3018;--cov2:#2d1c0d}
html[data-theme="night"] .rdr{--paper:#12201b;--paper2:#0d1815;--rink:#efe6cf;--rule:#3c8a72;--rule2:#b8963f;--num:#e3bd62;--cov1:#0d1c17;--cov2:#07100d}
.rbar{display:flex;align-items:center;gap:.45rem;padding:.5rem .8rem .35rem;max-width:64rem;width:100%;margin:0 auto}
.rib{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(var(--g),.35);background:rgba(var(--g),.07);color:var(--gold2);display:inline-grid;place-items:center;padding:0}
.rib:disabled{opacity:.35}.rib:active{transform:scale(.9)}
.rib svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rinfo{flex:1;min-width:0;line-height:1.3;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.3rem .75rem}
.rinfo b{display:block;font:400 1.02rem var(--t);color:var(--gold2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rinfo small{display:block;font-size:.72rem;color:#9fb0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rstage{position:relative;overflow:hidden;min-height:0;display:grid;place-items:center;touch-action:pan-y pinch-zoom}
.rbook{position:relative;width:var(--bw,var(--pw,300px));height:var(--ph,440px);isolation:isolate}
.rload{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.8rem;padding:1rem;text-align:center;color:#9fb0a6;z-index:5}
.rload b{color:var(--ivory);font:700 1.15rem var(--t)}
.rload .btn.o{color:var(--ivory)}
.prog{width:min(20rem,80%);height:.4rem;border-radius:.4rem;background:rgba(255,255,255,.12);overflow:hidden}.prog i{display:block;height:100%;width:8%;background:var(--gold2);transition:width .2s}
.rfoot{display:grid;gap:.1rem;max-width:44rem;width:100%;margin:0 auto;padding:.2rem 1rem calc(.5rem + env(safe-area-inset-bottom))}
.rfoot input[type=range]{width:100%;accent-color:#e3bd62;height:1.6rem;margin:0}
.rpos{text-align:center;font-size:.8rem;color:#9fb0a6}
.nv{position:absolute;top:0;bottom:0;width:2.6rem;display:none;place-items:center;background:none;border:0;color:rgba(var(--g),0);z-index:5;transition:color .2s}
.nv svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nv.l{left:.3rem}.nv.r{right:.3rem}.nv[disabled]{opacity:.2;pointer-events:none}
@media (hover:hover) and (min-width:700px){.nv{display:grid}.rstage:hover .nv{color:rgba(var(--g),.55)}.nv:hover{color:var(--gold2)!important}}
/* الورق */
.rdr .page{position:absolute;left:0;top:0;overflow:hidden;border-radius:3px 7px 7px 3px;color:var(--rink);will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate;
background:radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,.35),rgba(255,255,255,0) 60%),linear-gradient(90deg,rgba(120,90,20,.10),rgba(120,90,20,0) 7%,rgba(120,90,20,0) 93%,rgba(120,90,20,.12)),
url("data:image/svg+xml;utf8,"),var(--paper);
box-shadow:0 .1rem .1rem rgba(0,0,0,.25),0 .9rem 2.2rem rgba(0,0,0,.45),1px 0 0 var(--paper2),2px 0 0 rgba(255,255,255,.55),3px 0 0 var(--paper2),4px 0 0 rgba(255,255,255,.35)}
html[data-theme="night"] .rdr .page{background:radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,.04),rgba(255,255,255,0) 60%),var(--paper);box-shadow:0 .1rem .1rem rgba(0,0,0,.4),0 .9rem 2.2rem rgba(0,0,0,.6),1px 0 0 #0a120f,2px 0 0 #1b2c26}
.rdr .page:not(.cur):not(.show){visibility:hidden}
.rdr .page.l{border-radius:7px 3px 3px 7px;box-shadow:0 .1rem .1rem rgba(0,0,0,.25),0 .9rem 2.2rem rgba(0,0,0,.45),-1px 0 0 var(--paper2),-2px 0 0 rgba(255,255,255,.55),-3px 0 0 var(--paper2),-4px 0 0 rgba(255,255,255,.35)}
html[data-theme="night"] .rdr .page.l{box-shadow:0 .1rem .1rem rgba(0,0,0,.4),0 .9rem 2.2rem rgba(0,0,0,.6),-1px 0 0 #0a120f,-2px 0 0 #1b2c26}
.rbook.spread .page:after{content:"";position:absolute;top:0;bottom:0;left:0;width:16%;pointer-events:none;background:linear-gradient(90deg,rgba(70,45,10,.20),rgba(70,45,10,0))}
.rbook.spread .page.l:after{left:auto;right:0;background:linear-gradient(270deg,rgba(70,45,10,.20),rgba(70,45,10,0))}
.gut{position:absolute;top:0;bottom:0;pointer-events:none;z-index:12;background:linear-gradient(90deg,rgba(60,40,8,0),rgba(60,40,8,.10) 28%,rgba(35,22,4,.36) 50%,rgba(60,40,8,.10) 72%,rgba(60,40,8,0))}
html[data-theme="night"] .gut{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.25) 30%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.25) 70%,rgba(0,0,0,0))}
.leaf,.leaf .st{pointer-events:none}
.leaf .page{box-shadow:none!important;border-radius:0!important;will-change:auto}.leaf .page:after{display:none}
.leaf .rv,.leaf .cs,.leaf .lf{will-change:transform}.leaf .fl,.leaf .fp{will-change:auto}.leaf .rv,.leaf .cs,.leaf .lt{pointer-events:none}.leaf .lf .page,.leaf .bk .page{position:absolute}
.rdr .page.fade{animation:fi .22s ease-out}@keyframes fi{from{opacity:0}to{opacity:1}}
.cover{position:absolute;left:-11px;right:-11px;top:-10px;bottom:-12px;z-index:-1;border-radius:11px;pointer-events:none;
background:radial-gradient(120% 90% at 50% 20%,rgba(255,255,255,.07),rgba(255,255,255,0) 60%),
url("data:image/svg+xml;utf8,"),linear-gradient(160deg,var(--cov1),var(--cov2));
box-shadow:0 1.2rem 2.6rem rgba(0,0,0,.55),0 .2rem .4rem rgba(0,0,0,.4),inset 0 0 0 1px rgba(var(--g),.38),inset 0 1px 0 rgba(255,255,255,.1)}
.cover:after{content:"";position:absolute;inset:4px;border-radius:8px;border:1px solid rgba(var(--g),.5)}
.rbook.spread .cover:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:6px;margin-left:-3px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.55),rgba(0,0,0,0))}
/* نص الصفحة */
.pgtx{position:absolute;left:7.5%;right:7.5%;top:7.6%;bottom:6.6%;display:flex;flex-direction:column;direction:rtl;font:400 var(--fz)/1.9 var(--t);font-size:var(--fz);hyphens:none;overflow-wrap:break-word}
.pgtx .bd{flex:1 1 auto;min-height:0;overflow:hidden;text-align:justify;text-align-last:right}
.pgtx p{margin:0 0 .25em}.pgtx p.c{margin-top:0}
.pgtx h3{margin:.2em 0 .15em;font-weight:700;font-size:1.08em;line-height:1.8;text-align:center;text-align-last:center;color:var(--num)}
.pgtx .fn{flex:none;margin-top:.45em;padding-top:.3em;font-size:.8em;line-height:1.6;text-align:justify;text-align-last:right;position:relative}
.pgtx .fn:before{content:"";display:block;width:34%;height:1px;background:var(--rule2);margin:0 0 .35em auto}
.pgtx .fn p{margin:0 0 .12em}.pgtx .fn b{font-weight:700;color:var(--num)}
.pgtx sup.fm{font-size:.62em;line-height:0;vertical-align:.55em;color:var(--num)}
.rdr .ph,.rdr .pf{position:absolute;left:7.5%;right:7.5%;display:flex;justify-content:space-between;align-items:center;color:var(--num);font-family:var(--t);pointer-events:none}
.rdr .ph{top:2.2%;font-size:calc(var(--ph,440px)*.028);padding-bottom:.25em;border-bottom:1px solid var(--rule2);opacity:.85}
.rdr .ph .pt{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdr .pf{bottom:1.8%;justify-content:center;font-size:calc(var(--ph,440px)*.03)}
.rdr .pf b{font-weight:400;display:inline-flex;gap:.55em;align-items:center}
.rdr .pf b:before,.rdr .pf b:after{content:"";width:.4em;height:.4em;background:var(--rule2);transform:rotate(45deg)}
.tp{position:absolute;inset:7% 9%;display:grid;align-content:center;justify-items:center;text-align:center;gap:calc(var(--ph,440px)*.03);border:2px solid var(--rule);outline:1px solid var(--rule2);outline-offset:-7px;padding:6%;font-family:var(--t)}
.tp h2{margin:0;font:700 calc(var(--ph,440px)*.062)/1.55 var(--t);color:var(--rink);overflow-wrap:anywhere}
.tp .au{margin:0;font-size:calc(var(--ph,440px)*.036);color:var(--num)}.tp .dt{margin:0;font-size:calc(var(--ph,440px)*.03);color:var(--num);opacity:.85}
.tp .tr1,.tp .tr2{display:block;width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--rule2),transparent)}
.tp small{font:400 calc(var(--ph,440px)*.021)/1.7 var(--f);color:var(--num);opacity:.8}
.rdr mark{background:var(--hl);color:inherit;border-radius:.2em;padding:0 .08em}
/* لوحات: فهرس وبحث وإعدادات */
.rb{min-height:2.5rem;padding:0 .9rem;border-radius:1.3rem;border:1px solid var(--line);background:var(--card);font-size:.9rem;color:var(--ink)}
.rb.sm{padding:0 .7rem;min-width:2.5rem}.rb[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;color:var(--ink)}
.shbox{width:min(40rem,100%);max-height:82vh;display:flex;flex-direction:column;background:var(--bg);border-radius:1.1rem 1.1rem 0 0;border:1px solid var(--line)}
.shh{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.shh b{font:700 1.1rem var(--t)}
.shb{overflow:auto;padding:.7rem 1rem 1.2rem}
.shin{width:100%;height:2.6rem;border-radius:1.3rem;border:1px solid var(--line);background:var(--card);padding:0 1rem;margin:0 0 .6rem;color:var(--ink)}
.ff{display:flex;gap:.5rem}.ff .shin{margin:0}.ff .btn{min-height:2.6rem;padding:0 1.1rem}
.tr{display:block;width:100%;text-align:start;padding:.55rem .7rem;border:0;border-bottom:1px solid var(--line);background:none;font:500 1rem/1.6 var(--t);color:var(--ink)}
.tr:active,.tr.on{background:var(--card2)}.tr.l2{padding-inline-start:1.4rem}.tr.l3{padding-inline-start:2.1rem}.tr.l4{padding-inline-start:2.8rem;color:var(--mut)}
.tr.sn small{display:block;color:var(--mut);font:400 .75rem var(--f)}
.sheet mark{background:var(--hi);color:inherit}
.srow{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.sg{display:flex;gap:.4rem;align-items:center}
@media (prefers-reduced-motion:reduce){.rdr .page.fade{animation:none}.rib:active{transform:none}}
/* ===== 5.4 لغة التصميم الموحّدة: «بطاقة الفهرسة» =====
عنصر واحد يتكرر في كل مكان: غلاف مذهّب بإطار داخلي (نفس غلاف القارئ) + لون القسم + حقائق ببليوغرافية.
مقتبس: Internet Archive/Open Library (متابعة القراءة وبطاقة الحقائق) · الشاملة وتراث (الفهرس الشجري ووفاة المؤلف) · فهارس OPAC (حقول ثابتة) · Apple Books (رفّ الأغلفة). */
:root{--r2:.9rem;--r3:1.5rem;--e1:0 1px 2px rgba(60,45,10,.12);--e2:0 .5rem 1.2rem rgba(60,45,10,.16);--cv:hsl(var(--h,40) 38% 24%);--cv2:hsl(var(--h,40) 42% 14%)}
html[data-theme="night"]{--e1:0 1px 2px rgba(0,0,0,.4);--e2:0 .5rem 1.2rem rgba(0,0,0,.5)}
.cv{position:relative;flex:none;display:grid;place-items:center;width:3.9rem;aspect-ratio:3/4.3;padding:.45rem .3rem;border-radius:.3rem .55rem .55rem .3rem;color:#f6efdd;text-align:center;overflow:hidden;
background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 14%),radial-gradient(120% 90% at 50% 20%,rgba(255,255,255,.12),rgba(255,255,255,0) 60%),linear-gradient(160deg,var(--cv),var(--cv2));box-shadow:var(--e1),inset 0 0 0 1px rgba(227,189,98,.45)}
.cv:after{content:"";position:absolute;inset:.22rem;border:1px solid rgba(227,189,98,.55);border-radius:.25rem .4rem .4rem .25rem;pointer-events:none}
.cv b{font:700 .68rem/1.35 var(--t);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;hyphens:manual}
.cv.big{width:6.6rem;padding:.8rem .65rem;box-shadow:var(--e2),inset 0 0 0 1px rgba(227,189,98,.45)}.cv.big b{font-size:1.02rem;-webkit-line-clamp:5}
.row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;padding:.7rem .8rem;border-radius:var(--r2);box-shadow:var(--e1)}
.row::before{display:none}.rb2{min-width:0}
.bkhead{display:flex;gap:1rem;align-items:flex-start;margin:0 0 1rem}.bkhead>div{min-width:0}.bkhead h1{margin-top:0}
.prg{height:.28rem;border-radius:.3rem;background:var(--line);overflow:hidden;margin-top:.45rem}.prg i{display:block;height:100%;background:var(--gold)}
.hero{margin:0 0 1.4rem;padding:1.1rem 1rem;border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(160deg,var(--card),var(--card2));box-shadow:var(--e1)}
.hero h2{margin:0 0 .2rem;font:700 1.5rem/1.3 var(--t)}.hero p{margin:0;color:var(--mut);font-size:.9rem}
.hero .nums{display:flex;gap:1.4rem;margin-top:.8rem;flex-wrap:wrap}.hero .nums b{display:block;font:700 1.35rem var(--t);color:var(--gold)}.hero .nums small{color:var(--mut);font-size:.76rem}
.cont{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(15rem,78%);gap:.7rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.cont .row{scroll-snap-align:start}
@media (min-width:900px){.cont{grid-auto-columns:minmax(18rem,30%)}}
/* ===== 5.5 فهارس المؤلفين والعصور ===== */
.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0 0 1.4rem}
.qk{display:grid;gap:.1rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);box-shadow:var(--e1);border-inline-start:.3rem solid var(--gold)}
.qk b{font:700 1.1rem var(--t)}.qk small{color:var(--mut);font-size:.8rem}.qk:active{background:var(--card2)}
.azbar{display:flex;gap:.3rem;margin:0 0 .8rem;overflow-x:auto;padding:.2rem 0 .4rem;scrollbar-width:thin}.azbar .chip{flex:none;min-height:2.2rem;min-width:2.2rem;justify-content:center;padding:.1rem .6rem}
.az{margin:1rem 0 .4rem;font:700 1.3rem var(--t);color:var(--gold);scroll-margin-top:8rem}
.arow{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .9rem;margin:0 0 .4rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card);border-inline-start:.35rem solid hsl(var(--h,40) var(--sat) var(--lit))}
.arow b{display:block;font:700 1.05rem var(--t)}.arow small{color:var(--mut);font-size:.8rem}.arow i{font-style:normal;min-width:2rem;text-align:center;padding:.1rem .5rem;border-radius:1rem;background:var(--card2);color:var(--mut);font-size:.82rem}
.tl{display:grid;gap:.5rem}.era{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.2rem .8rem;align-items:center;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card)}
.era b{font:700 1rem var(--t)}.era .eb{display:block;height:.55rem;border-radius:.4rem;background:var(--card2);overflow:hidden}.era .eb i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--gold))}.era small{grid-column:2;color:var(--mut);font-size:.8rem}
/* ===== 5.6 الاقتراحات ===== */
.find input::-webkit-search-cancel-button{display:none}
.sgl{position:absolute;inset-inline:0;top:3rem;z-index:30;background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--e2);overflow:hidden}
.sgl a{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.6rem .95rem;border-bottom:1px solid var(--line)}.sgl a:last-child{border:0}
.sgl a:hover,.sgl a:focus{background:var(--card2)}.sgl span{font:600 1rem var(--t);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sgl small{flex:none;color:var(--mut);font-size:.76rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ===== 5.7 التصفية المتقاطعة ===== */
.quick{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}
.fct{margin:0 0 .6rem}.fct h3{margin:0 0 .35rem;font:700 .95rem var(--t);color:var(--gold)}.fct .chips{margin:0}