@font-face{font-family:Amiri;src:url('/fonts/amiri-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Amiri;src:url('/fonts/amiri-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}

:root{--emerald:#0d3b31;--emerald2:#1c5a49;--gold:#b9913f;--paper:#fffce6;--paper-soft:#fbf6dc;--ink:#17221f;--muted:#4b5563;--line:#dedbc7;--card:#fffdf1;--shadow:0 18px 48px rgba(7,31,25,.1);--reader-font-size:28px;color-scheme:light dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:radial-gradient(circle at 10% 12%,rgba(185,145,63,.08),transparent 24rem),linear-gradient(180deg,var(--paper-soft),var(--paper) 24rem,var(--paper));color:var(--ink);font-family:PlexArabic,Tahoma,sans-serif;font-size:17px;line-height:1.8;min-height:100vh}
a{color:inherit}button,input{font:inherit}
.skip-link{position:fixed;top:-80px;right:1rem;z-index:99;background:#fff;padding:.6rem 1rem}.skip-link:focus{top:1rem}

.topbar{position:sticky;top:0;z-index:30;background-color:rgba(9,49,40,.97);background-image:radial-gradient(circle at 20% 0,rgba(255,255,255,.08),transparent 24rem),linear-gradient(30deg,rgba(217,188,109,.035) 12%,transparent 12.5%,transparent 87%,rgba(217,188,109,.035) 87.5%),linear-gradient(150deg,rgba(217,188,109,.035) 12%,transparent 12.5%,transparent 87%,rgba(217,188,109,.035) 87.5%);background-size:auto,28px 48px,28px 48px;color:#fff;box-shadow:0 10px 32px rgba(5,38,30,.18)}
.topbar-inner{max-width:1540px;margin:auto;min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.55rem 1.25rem}
.brand{text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.7rem}.brand-mark{display:grid;place-items:center;width:46px;height:50px;flex:0 0 46px}.brand-mark img{display:block;width:44px;height:48px;object-fit:contain}.brand small{display:block;font-weight:400;color:#c7d8d2;font-size:.78rem}
.nav-actions{display:flex;gap:.4rem;justify-content:flex-end}.icon-btn,.pill{border:1px solid rgba(255,255,255,.24);background:transparent;color:inherit;border-radius:999px;padding:.5rem .85rem;text-decoration:none;cursor:pointer}.icon-btn:hover,.pill:hover{border-color:var(--gold);background:rgba(255,255,255,.06)}
.top-title{text-align:center;font-family:Amiri;font-weight:700;font-size:1.15rem}.top-title small{display:block;font-family:PlexArabic;font-weight:400;color:#d7c17c;font-size:.78rem}
.library-drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(420px,92vw);padding:1.35rem;background:linear-gradient(165deg,#103f34,#082d25);color:#fff;box-shadow:24px 0 80px rgba(0,0,0,.35);transform:translateX(-105%);transition:transform .28s ease;overflow:auto}.library-open .library-drawer{transform:translateX(0)}.library-shade{display:none;position:fixed;z-index:85;inset:0;border:0;background:rgba(4,27,22,.62);backdrop-filter:blur(3px)}.library-open .library-shade{display:block}.library-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1rem}.library-drawer-head h2{font-family:Amiri;font-size:2rem;margin:0}.library-drawer-head button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}.drawer-all,.drawer-series a{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.75rem .9rem;margin:.45rem 0;background:rgba(255,255,255,.045)}.drawer-all:hover,.drawer-series a:hover{border-color:#d1af5b;background:rgba(255,255,255,.08)}.drawer-all small,.drawer-series small{color:#d9c47f}.drawer-recent{margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16)}.drawer-recent strong{display:block;color:#d9c47f;margin-bottom:.55rem}.drawer-recent a{display:block;color:#e8efec;text-decoration:none;padding:.32rem 0}.drawer-recent a:hover{text-decoration:underline}
.library-scroll-locked{position:fixed;inset-inline:0;width:100%;overflow:hidden;overscroll-behavior:none}

.hero{background:linear-gradient(160deg,#0b3a2f 0%,#1c5a49 48%,rgba(28,90,73,.86) 68%,rgba(255,252,230,0) 100%);color:#fff;padding:5.4rem 1.5rem 7rem;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 0 0,transparent 0 18px,rgba(255,255,255,.035) 19px 20px),linear-gradient(45deg,transparent 48%,rgba(225,196,120,.045) 49% 51%,transparent 52%);background-size:54px 54px,38px 38px;mask-image:linear-gradient(#000,transparent)}.hero-inner{position:relative;max-width:980px;margin:auto;text-align:center}.eyebrow{color:#c59d49;font-weight:700;letter-spacing:.035em}.hero .eyebrow{color:#f1d98f}.hero h1{font-family:Amiri;font-size:clamp(2.5rem,6vw,5rem);line-height:1.2;margin:.4rem 0 1rem}.hero p{max-width:760px;margin:0 auto 2rem;color:#eef5f1;font-size:1.12rem}.search-shell{max-width:800px;margin:auto;background:#fffef8;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:.5rem;display:flex;box-shadow:0 24px 70px rgba(0,0,0,.2)}.search-shell:focus-within{outline:3px solid rgba(225,196,120,.45)}.search-shell input{flex:1;border:0;outline:0;background:transparent;color:#17231f;padding:.9rem 1rem}.search-shell button{border:0;background:linear-gradient(135deg,#d0ad5d,#b78c37);color:#13221d;border-radius:14px;padding:.7rem 1.5rem;font-weight:700;cursor:pointer}.search-hint{font-size:.84rem;color:#d7e5df;margin-top:.75rem}
.main{max-width:1320px;margin:-2.2rem auto 0;padding:0 1.25rem 5rem;position:relative}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-title h2{font-family:Amiri;font-size:2.25rem;margin:0;color:var(--emerald)}.section-title p{margin:0;color:var(--muted)}
.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2.2rem}.discovery-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;background:color-mix(in srgb,var(--card) 92%,#f2d98e);border:1px solid color-mix(in srgb,var(--line) 70%,var(--gold));border-radius:24px;padding:1.2rem 1.35rem;box-shadow:0 12px 35px rgba(7,31,25,.06)}.discovery-card h2{font-family:Amiri;color:var(--emerald);margin:.05rem 0 .35rem;font-size:1.75rem}.discovery-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--emerald);color:#f4d98b;font-size:1.4rem}.discovery-links{display:flex;flex-wrap:wrap;gap:.35rem .8rem}.discovery-links a{color:#34443f;text-underline-offset:4px}.filters-bar{position:sticky;top:86px;z-index:18;display:flex;align-items:center;gap:1rem;justify-content:space-between;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;padding:.65rem;margin-bottom:1.2rem;backdrop-filter:blur(16px);box-shadow:0 9px 28px rgba(7,31,25,.06)}.filter-scroll{display:flex;gap:.45rem;overflow:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:#3e4d48;border-radius:999px;padding:.5rem .85rem;cursor:pointer}.filter-chip.active{background:var(--emerald);color:#fff;border-color:var(--emerald)}.books-sort{display:flex;align-items:center;gap:.5rem;color:var(--muted);white-space:nowrap}.books-sort select{border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:.45rem .65rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.book-card{background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 88%,#f1dfa8));border:1px solid var(--line);border-radius:24px;padding:1rem;display:grid;grid-template-columns:100px 1fr;gap:1rem;box-shadow:0 8px 28px rgba(12,49,40,.055);text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c4a767}.book-card[hidden]{display:none}.book-card img{width:100px;height:145px;object-fit:cover;border-radius:13px;background:#eee;box-shadow:0 8px 22px rgba(22,31,27,.14)}.book-card h3{font-family:Amiri;font-size:1.55rem;line-height:1.4;margin:.15rem 0}.book-card p{margin:.2rem 0;color:#4b5563;font-size:.94rem}.book-series{display:block;color:#68726e;font-size:.75rem;margin-top:.1rem}.book-badges{display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.4rem}.book-badge{font-size:.68rem;padding:.12rem .45rem;border-radius:999px;background:#e7efe9;color:#285247}.book-badge.selected{background:#f3e5b7;color:#67501e}.stats{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.stat{font-size:.8rem;background:#eaf1ec;color:#263b35;border-radius:999px;padding:.22rem .6rem}.books-empty{margin-top:1rem}
.search-results{display:none;margin:2rem 0}.search-results.active{display:block}.result-list{display:grid;gap:.75rem}.result{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:1rem;text-decoration:none}.result:hover{border-color:var(--gold)}.result-meta{font-size:.82rem;color:var(--muted)}.result h3{font-family:Amiri;margin:.15rem 0;color:var(--emerald);font-size:1.3rem}.result p{margin:0}.empty{background:#fff8dd;border:1px solid #ead594;padding:1rem;border-radius:14px}

.book-breadcrumb-wrap{max-width:1200px;margin:1.5rem auto 0;padding:0 1.25rem}.breadcrumbs{display:flex;align-items:center;gap:.55rem;min-width:0;color:#4b5563;font-size:.82rem;white-space:nowrap;overflow:auto;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs a{text-decoration:none;color:var(--emerald);font-weight:700}.breadcrumbs span:not(.crumb-separator){overflow:hidden;text-overflow:ellipsis}.crumb-separator{color:#a18a54}.book-hero{max-width:1200px;margin:1.1rem auto 1rem;padding:1.4rem 1.5rem;display:grid;grid-template-columns:190px 1fr;gap:2rem;align-items:center;background:linear-gradient(145deg,rgba(255,253,241,.92),rgba(248,239,205,.72));border:1px solid var(--line);border-radius:30px;box-shadow:0 18px 55px rgba(7,31,25,.07)}.book-hero img{width:190px;height:auto;max-height:280px;object-fit:contain;border-radius:18px;box-shadow:var(--shadow)}.book-hero h1{font-family:Amiri;color:var(--emerald);font-size:clamp(2.2rem,5vw,4rem);line-height:1.25;margin:.2rem 0}.book-hero p{color:#4b5563}.book-links{display:flex;flex-wrap:wrap;gap:.6rem}.primary{background:linear-gradient(135deg,var(--emerald),var(--emerald2));color:#fff;border:0;border-radius:999px;padding:.7rem 1.2rem;text-decoration:none;box-shadow:0 8px 24px rgba(13,59,49,.18)}.secondary{border:1px solid var(--line);border-radius:999px;padding:.7rem 1.2rem;text-decoration:none;background:var(--card);color:var(--ink);cursor:pointer}

.reader-layout{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:340px minmax(0,900px) 105px;gap:1.5rem;padding:1.35rem 1.5rem 3rem;background:linear-gradient(180deg,rgba(13,59,49,.045),transparent 13rem)}.reader-column,.continuous-column{min-width:0}.continuous-column{display:grid;gap:1.4rem}.reader-column>.breadcrumbs,.continuous-column>.breadcrumbs{margin:.1rem 0 .65rem;padding-inline:.3rem}
.toc-panel{position:sticky;top:96px;height:calc(100vh - 120px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.15rem}.toc-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.toc-panel h2{font-family:Amiri;color:var(--emerald);font-size:1.8rem;margin:.2rem}.toc-close{display:none;border:1px solid var(--line);background:transparent;color:inherit;border-radius:50%;width:38px;height:38px;cursor:pointer}.toc-list{list-style:none;padding:0;margin:.65rem 0}.toc-list a{display:block;text-decoration:none;padding:.52rem .65rem;border-radius:9px;font-size:1rem;line-height:1.65}.toc-list a:hover,.toc-list a.active{background:#edf4f0;color:var(--emerald)}.toc-list .level-2{padding-right:1.15rem}.toc-list .level-3{padding-right:2rem}.toc-list .level-3 a{font-size:.94rem}.toc-shade{display:none}
.reader-toolbar{position:sticky;top:82px;z-index:20;background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--line);border-radius:18px;padding:.65rem .75rem;margin-bottom:1rem;box-shadow:0 10px 28px rgba(7,31,25,.08);backdrop-filter:blur(12px)}.reader-toolbar-summary{display:none}.reader-tools-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.tool-group{display:flex;align-items:center;gap:.35rem;padding-left:.55rem;border-left:1px solid var(--line)}.tool-group:last-child{border-left:0}.tool-label{font-size:.82rem;color:var(--muted)}.tool-button,.tool-link,.reader-tools-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:40px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);padding:.42rem .65rem;text-decoration:none;cursor:pointer;font-weight:700}.tool-button:hover,.tool-link:hover,.reader-tools-toggle:hover{border-color:var(--gold);color:var(--emerald)}.font-button{min-width:40px;padding:.35rem}.font-current{min-width:32px;text-align:center;font-size:.82rem;color:var(--muted)}.page-jump{display:flex;align-items:center;gap:.35rem;margin-inline-start:auto}.page-jump input{width:88px;min-height:40px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);padding:.35rem .55rem}.page-jump button{min-height:40px;border:0;border-radius:11px;background:var(--emerald);color:#fff;padding:.4rem .7rem;cursor:pointer}
.page-card{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 96%,#f1dfa8));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(1.8rem,5vw,4.4rem);min-height:72vh}.page-kicker{display:flex;justify-content:space-between;gap:1rem;color:#4b5563;font-size:.9rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:1.9rem}.page-text{font-family:Amiri;font-size:var(--reader-font-size);line-height:2.05}.page-text h1,.page-text h2,.page-text h3,.page-text h4{color:#075345;line-height:1.5;margin:1.7rem 0 .9rem}.page-text h1{font-size:1.75em;text-align:center}.page-text h2{font-size:1.45em}.page-text h3{font-size:1.25em}.page-text h4{font-size:1.1em}.page-text p{margin:.82rem 0;text-align:justify}.page-text .blank-page{text-align:center;color:var(--muted);padding:4rem 1rem;border:1px dashed var(--line);border-radius:16px}.footnote-ref{color:#795b1b;font-family:PlexArabic;font-size:.72em;text-decoration:none;white-space:nowrap}.search-mark{background:#ffe27a;color:#241f12;border-radius:4px;padding:0 .08em}.page-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.2rem}.page-nav a{border:1px solid var(--line);border-radius:999px;padding:.6rem 1.1rem;text-decoration:none}.folio{position:sticky;top:120px;background:var(--card);border:1px solid var(--line);border-radius:999px;text-align:center;padding:1rem .3rem;box-shadow:var(--shadow);height:max-content}.folio strong{display:block;font-family:Amiri;color:var(--emerald);font-size:1.9rem}.folio small{color:#4b5563}
.continuous-page{min-height:auto;scroll-margin-top:160px}.continuous-page+.continuous-page{margin-top:.25rem}.continuous-separator{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-family:PlexArabic;font-size:.88rem;margin:-1.1rem 0 1.7rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.continuous-separator a{text-decoration:none;color:var(--emerald);font-weight:700}.continuous-page .blank-page{min-height:250px;display:grid;place-items:center}.blank-leaf{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--muted);font-size:.88rem;padding:.65rem 1rem;border-block:1px dashed var(--line);scroll-margin-top:150px}.blank-leaf a{color:var(--emerald);font-weight:700;text-decoration:none}.table-scroll{max-width:100%;overflow:auto;margin:1.2rem 0}.source-table,.printed-toc-table{width:100%;border-collapse:collapse;font-family:PlexArabic;font-size:.9rem;line-height:1.65}.source-table th,.source-table td,.printed-toc-table th,.printed-toc-table td{padding:.55rem .65rem;border-bottom:1px solid var(--line);vertical-align:top}.source-table th,.printed-toc-table th{background:color-mix(in srgb,var(--emerald) 8%,var(--card));color:var(--emerald);text-align:right}.printed-toc-table td:last-child,.printed-toc-table th:last-child{width:5.5rem;text-align:center;white-space:nowrap;color:var(--emerald);font-weight:700}.printed-toc-table .toc-level-2 td:first-child{padding-inline-start:1.4rem}.printed-toc-table .toc-level-3 td:first-child{padding-inline-start:2.4rem}.printed-toc{margin:1.2rem 0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 94%,var(--paper));overflow:hidden}.printed-toc summary,.printed-toc-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;color:var(--emerald);font-family:PlexArabic;font-weight:700;cursor:pointer}.printed-toc summary span{font-size:.78rem;color:var(--muted);font-weight:400}.printed-toc .table-scroll{margin:0;border-top:1px solid var(--line)}

.footnote-dialog{border:0;border-radius:20px;max-width:650px;width:calc(100% - 2rem);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.35);background:var(--card);color:var(--ink)}.footnote-dialog::backdrop{background:rgba(2,20,16,.66)}.dialog-head{display:flex;justify-content:space-between;align-items:center;background:var(--emerald);color:#fff;padding:.8rem 1rem}.dialog-head button{border:0;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}.dialog-body{font-family:Amiri;font-size:1.4rem;line-height:2;padding:1.25rem}.dialog-actions{padding:0 1.25rem 1.25rem}.dialog-actions button{background:var(--gold);border:0;border-radius:999px;padding:.55rem 1rem;cursor:pointer}
.book-search-dialog{border:0;border-radius:22px;width:min(760px,calc(100% - 1.5rem));max-height:min(760px,calc(100vh - 1.5rem));padding:0;background:var(--card);color:var(--ink);box-shadow:0 35px 120px rgba(0,0,0,.42)}.book-search-dialog::backdrop{background:rgba(2,20,16,.68);backdrop-filter:blur(3px)}.book-search-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:linear-gradient(135deg,var(--emerald),var(--emerald2));color:#fff}.book-search-head strong{display:block;font-family:Amiri;font-size:1.45rem}.book-search-head button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;font-size:1.35rem;cursor:pointer}.book-search-dialog form{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--line)}.book-search-dialog input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:.7rem .85rem}.book-search-dialog form button{border:0;border-radius:14px;background:var(--gold);color:#17221f;padding:.65rem 1.1rem;font-weight:700}.book-search-results{max-height:520px;overflow:auto;padding:1rem}.book-search-hit{display:grid;gap:.1rem;text-decoration:none;padding:.75rem;border-bottom:1px solid var(--line);border-radius:12px}.book-search-hit:hover{background:color-mix(in srgb,var(--emerald) 7%,var(--card))}.book-search-hit small{color:#4b5563}.book-search-hit strong{font-family:Amiri;color:var(--emerald);font-size:1.2rem}.book-search-hit span{font-size:.88rem;color:#37423f}
.pdf-dialog{border:0;border-radius:18px;width:min(1180px,calc(100% - 1.5rem));height:min(900px,calc(100vh - 1.5rem));padding:0;background:var(--card);color:var(--ink);box-shadow:0 35px 120px rgba(0,0,0,.5)}.pdf-dialog::backdrop{background:rgba(2,20,16,.78)}.pdf-shell{height:100%;display:grid;grid-template-rows:auto 1fr}.pdf-head{display:flex;align-items:center;gap:.7rem;background:var(--emerald);color:#fff;padding:.65rem .8rem}.pdf-head strong{font-size:1.05rem}.pdf-head [data-pdf-page-label]{color:#e4ca7c;font-size:.85rem}.pdf-controls{display:flex;align-items:center;gap:.4rem;margin-inline-start:auto}.pdf-controls input{width:76px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#fff;color:#15231f;padding:.32rem .5rem}.pdf-controls button,.pdf-controls a{border:1px solid rgba(255,255,255,.35);border-radius:9px;background:transparent;color:#fff;padding:.34rem .58rem;text-decoration:none;cursor:pointer}.pdf-close{font-size:1.35rem!important}.pdf-frame{width:100%;height:100%;border:0;background:#d8ddd9}
.pdf-viewer-page{margin:0;background:#c8cfcb;color:#fff;overflow:hidden}.pdf-viewer-app{height:100vh;display:grid;grid-template-rows:auto 1fr}.pdf-viewer-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:.45rem;min-height:56px;padding:.5rem .7rem;background:linear-gradient(135deg,#0b4035,#155748);color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2)}.pdf-viewer-toolbar button,.pdf-viewer-toolbar input{min-height:36px;border:1px solid rgba(255,255,255,.3);border-radius:10px}.pdf-viewer-toolbar button{background:rgba(255,255,255,.075);color:#fff;padding:.35rem .65rem;cursor:pointer}.pdf-viewer-toolbar button:hover{border-color:#d6b75f;background:rgba(255,255,255,.12)}.pdf-viewer-toolbar button:disabled{opacity:.4;cursor:not-allowed}.pdf-viewer-toolbar label{display:flex;align-items:center;gap:.35rem}.pdf-viewer-toolbar input{width:66px;background:#fff;color:#14201d;padding:.25rem .4rem}.pdf-viewer-mode{font-size:.76rem;color:#e4ca7c;border:1px solid rgba(228,202,124,.35);border-radius:999px;padding:.18rem .55rem}.pdf-viewer-spacer{flex:1}.pdf-canvas-stage{position:relative;overflow:auto;padding:1rem;scroll-behavior:smooth;overscroll-behavior:contain;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.28),transparent 30rem),#c8cfcb}.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:max-content;margin:auto}.pdf-page-shell{position:relative;display:grid;place-items:center;background:#f8f8f5;box-shadow:0 10px 35px rgba(0,0,0,.27);transition:width .18s,min-height .18s;scroll-margin-top:1rem}.pdf-page-shell::before{content:"تُجهّز الصفحة " attr(data-page);position:absolute;color:#59635f;font-family:PlexArabic;font-size:.82rem}.pdf-page-shell.ready::before{display:none}.pdf-page-shell canvas{position:relative;z-index:1;display:block;background:#fff;max-width:none}.pdf-page-number{position:absolute;z-index:2;bottom:.45rem;left:.55rem;background:rgba(9,49,40,.82);color:#fff;border-radius:999px;padding:.1rem .48rem;font-size:.7rem}.pdf-viewer-status{position:fixed;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b4035;color:#fff;border:1px solid #b9974c;border-radius:999px;padding:.65rem 1rem;box-shadow:0 12px 35px rgba(0,0,0,.25)}.pdf-viewer-status.error{max-width:520px;border-radius:16px;background:#6b2727;text-align:center}.pdf-viewer-status[hidden]{display:none}
.toast{position:fixed;left:50%;bottom:1.25rem;z-index:100;transform:translate(-50%,130%);background:#082f27;color:#fff;border:1px solid var(--gold);border-radius:999px;padding:.7rem 1.1rem;box-shadow:var(--shadow);opacity:0;transition:.22s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
.footer{background:#092f27;color:#c9d8d3;padding:2rem;text-align:center}.footer strong{color:#fff}.not-found{max-width:700px;margin:10vh auto;text-align:center;padding:2rem}.not-found h1{font-family:Amiri;font-size:4rem;color:var(--emerald)}

@media(max-width:1120px){.topbar-inner{grid-template-columns:1fr auto}.top-title{display:none}.reader-layout{grid-template-columns:minmax(0,1fr) 88px;max-width:1000px}.toc-panel{position:fixed;right:0;top:0;bottom:0;z-index:70;width:min(390px,90vw);height:100vh;border-radius:0;transform:translateX(105%);transition:.24s;box-shadow:0 0 70px rgba(0,0,0,.3);padding-top:1.4rem}.toc-close{display:inline-grid;place-items:center}.toc-shade{position:fixed;inset:0;z-index:65;background:rgba(2,20,16,.56)}body.toc-open .toc-panel{transform:translateX(0)}body.toc-open .toc-shade{display:block}.book-hero{grid-template-columns:140px 1fr}.book-hero img{width:140px}.page-card{border-radius:18px}}
@media(max-width:720px){body{font-size:16px}.brand small,.nav-actions .label{display:none}.topbar-inner{padding:.45rem .75rem;min-height:64px}.hero{padding:3.7rem .9rem 5.8rem}.hero h1{font-size:clamp(2.35rem,13vw,3.8rem)}.hero p{font-size:1rem}.search-shell{display:block;border-radius:16px}.search-shell button{width:100%}.main{padding-inline:.75rem;margin-top:-1.5rem}.discovery-grid{grid-template-columns:1fr}.discovery-card{padding:1rem}.filters-bar{top:70px;display:block;padding:.55rem}.filter-scroll{padding-bottom:.45rem}.books-sort{justify-content:space-between}.books-sort select{flex:1}.book-breadcrumb-wrap{padding:0 .8rem}.book-hero{display:block;text-align:center;margin-inline:.65rem;padding:1rem;border-radius:22px}.book-hero img{width:150px}.book-links{justify-content:center}.reader-layout{display:block;padding:.55rem;background:transparent}.reader-column>.breadcrumbs,.continuous-column>.breadcrumbs{margin-bottom:.45rem}.reader-toolbar{top:70px;border-radius:14px;padding:.45rem;margin-bottom:.65rem}.reader-toolbar-summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.reader-tools-toggle{min-height:38px}.reader-page-chip{color:#4b5563;font-size:.86rem;font-weight:700}.reader-tools-panel{display:none;padding-top:.5rem;border-top:1px solid var(--line);margin-top:.45rem}.reader-toolbar.tools-open .reader-tools-panel{display:flex}.tool-group{border:0;padding:0}.tool-label{display:none}.tool-button,.tool-link{min-height:38px;padding:.35rem .55rem}.page-jump{width:100%;margin:0}.page-jump input{flex:1}.page-card{padding:1.1rem;min-height:auto;border-radius:16px}.page-kicker{display:block;margin-bottom:1.15rem}.page-kicker span{display:block}.folio{display:none}.page-text{line-height:1.95}.continuous-column{gap:.75rem}.continuous-separator{margin:-.2rem 0 1rem;font-size:.8rem;align-items:flex-start}.blank-leaf{justify-content:space-between;padding:.5rem .65rem}.printed-toc-table{font-size:.78rem}.source-table th,.source-table td,.printed-toc-table th,.printed-toc-table td{padding:.4rem}.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:86px 1fr;border-radius:20px}.book-card img{width:86px;height:128px}.pdf-dialog{width:100%;height:100%;max-height:none;border-radius:0}.pdf-head{flex-wrap:wrap}.pdf-head strong{max-width:calc(100% - 48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-controls{margin-inline-start:auto}.pdf-viewer-toolbar{display:grid;grid-template-columns:auto auto auto auto;gap:.35rem;min-height:auto}.pdf-viewer-toolbar label{grid-column:1 / span 2}.pdf-viewer-toolbar [data-total]{min-width:1rem}.pdf-viewer-toolbar .pdf-viewer-mode,.pdf-viewer-spacer{display:none}.pdf-viewer-toolbar [data-fit-page],.pdf-viewer-toolbar [data-fit-width]{font-size:.78rem}.pdf-viewer-toolbar [data-fullscreen] span{display:none}.pdf-canvas-stage{padding:.45rem}.pdf-pages{gap:.65rem}.book-search-dialog form{display:grid;grid-template-columns:1fr auto}.book-search-results{max-height:60vh}}
@media(prefers-color-scheme:dark){:root{--paper:#071b17;--paper-soft:#0a241e;--ink:#f2f5f3;--muted:#c0ccc7;--line:#36564d;--card:#102f28;--shadow:0 18px 45px rgba(0,0,0,.25)}.search-shell{background:#f7f6f1}.search-shell input{color:#17231f}.stat,.toc-list a:hover,.toc-list a.active{background:#1b463b;color:#f3f7f5}.section-title h2,.book-hero h1,.page-text h1,.page-text h2,.page-text h3,.page-text h4{color:#e0c574}.empty{background:#3b3115;border-color:#6e5a23}.footnote-ref{color:#f0d173}.book-card p,.book-series,.book-hero p,.breadcrumbs,.page-kicker,.folio small,.book-search-hit small,.book-search-hit span{color:#c0ccc7}}
body[data-theme='light']{--paper:#fffce6;--paper-soft:#fbf6dc;--ink:#17221f;--muted:#4b5563;--line:#dedbc7;--card:#fffdf1;--shadow:0 18px 48px rgba(7,31,25,.1);color-scheme:light}body[data-theme='dark']{--paper:#071b17;--paper-soft:#0a241e;--ink:#f2f5f3;--muted:#c0ccc7;--line:#36564d;--card:#102f28;--shadow:0 18px 45px rgba(0,0,0,.25);color-scheme:dark}body[data-theme='dark'] .stat,body[data-theme='dark'] .toc-list a:hover,body[data-theme='dark'] .toc-list a.active{background:#1b463b;color:#f3f7f5}body[data-theme='dark'] .section-title h2,body[data-theme='dark'] .book-hero h1,body[data-theme='dark'] .page-text h1,body[data-theme='dark'] .page-text h2,body[data-theme='dark'] .page-text h3,body[data-theme='dark'] .page-text h4,body[data-theme='dark'] .result h3,body[data-theme='dark'] .book-search-hit strong{color:#e0c574}body[data-theme='dark'] .empty{background:#3b3115;border-color:#6e5a23;color:#f5ebcd}body[data-theme='dark'] .footnote-ref{color:#f0d173}body[data-theme='dark'] .search-shell{background:#f7f6f1}body[data-theme='dark'] .search-shell input{color:#17231f}body[data-theme='dark'] .printed-toc,body[data-theme='dark'] .source-table th,body[data-theme='dark'] .printed-toc-table th{background:#12352c}body[data-theme='dark'] .secondary{color:var(--ink)}body[data-theme='dark'] .book-card p,body[data-theme='dark'] .book-series,body[data-theme='dark'] .book-hero p,body[data-theme='dark'] .breadcrumbs,body[data-theme='dark'] .page-kicker,body[data-theme='dark'] .folio small,body[data-theme='dark'] .book-search-hit small,body[data-theme='dark'] .book-search-hit span{color:#c0ccc7}body[data-theme='dark'] .discovery-links a{color:#e4ece8}body[data-theme='dark'] .filter-chip{color:#e9f0ed}
.scientific-figure{margin:2rem auto;padding:1rem;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:18px;text-align:center;box-shadow:0 14px 34px rgba(8,39,31,.08)}.scientific-figure img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;margin:auto;border-radius:10px;background:#fff}.scientific-figure figcaption{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.8rem;color:var(--muted);font-family:PlexArabic;font-size:.88rem}
@media print{.topbar,.toc-panel,.toc-shade,.reader-toolbar,.folio,.page-nav,.footer,.toast{display:none!important}.reader-layout{display:block;padding:0}.page-card{box-shadow:none;border:0;padding:0;break-after:page}.page-kicker{display:flex}.page-text{font-size:14pt}.continuous-page{break-after:page}}
.book-card picture,.book-hero picture{display:block;line-height:0}.book-card picture{width:100px}.book-hero picture{width:190px}.page-context-title{font-family:Amiri;color:var(--emerald);font-size:clamp(1.7rem,3.5vw,2.35rem);line-height:1.45;margin:0 0 1.6rem;padding:0 0 .8rem;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,var(--gold));text-wrap:balance}.page-context-title small{display:block;margin-top:.25rem;color:var(--muted);font-family:PlexArabic;font-size:.38em;font-weight:400}.page-text .source-heading{scroll-margin-top:150px}body[data-theme='dark'] .page-context-title{color:#e0c574}body[data-theme='dark'] .page-context-title small{color:#c0ccc7}@media(max-width:1120px){.book-hero picture{width:140px}}@media(max-width:720px){.book-card picture{width:86px}.book-hero picture{width:150px;margin:0 auto}.page-context-title{font-size:1.65rem;margin-bottom:1.15rem}}

/* Alhusun identity layer: quiet ivory, deep green, burgundy and copper. */
:root{
  --emerald:#123f35;
  --emerald2:#205f50;
  --emerald-deep:#072e28;
  --burgundy:#713641;
  --burgundy-deep:#51252d;
  --copper:#a66b3f;
  --copper-soft:#c49668;
  --gold:var(--copper);
  --paper:#f8f1df;
  --paper-soft:#eee2c9;
  --ink:#202722;
  --muted:#5d655f;
  --line:#d5c4a5;
  --card:#fffaf0;
  --card-strong:#fffdf7;
  --shadow:0 20px 55px rgba(24,45,37,.11);
  --shadow-soft:0 10px 30px rgba(34,54,45,.075);
  --focus:#c98751;
}

html{background:var(--paper);scrollbar-color:var(--copper-soft) var(--paper-soft)}
body{
  background:
    radial-gradient(circle at 9% 9%,rgba(113,54,65,.075),transparent 24rem),
    radial-gradient(circle at 92% 21%,rgba(166,107,63,.09),transparent 27rem),
    linear-gradient(180deg,var(--paper-soft),var(--paper) 28rem,var(--paper));
  color:var(--ink);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(166,107,63,.3);color:var(--ink)}
:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(button,input,select){min-height:44px}

.topbar{
  background-color:rgba(7,46,40,.975);
  background-image:
    radial-gradient(circle at 16% -40%,rgba(196,150,104,.2),transparent 31rem),
    linear-gradient(115deg,rgba(113,54,65,.22),transparent 34%),
    linear-gradient(30deg,rgba(255,255,255,.026) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.026) 87.5%);
  background-size:auto,auto,30px 52px;
  border-bottom:1px solid rgba(196,150,104,.72);
  box-shadow:0 12px 34px rgba(3,34,28,.2);
}
.brand{letter-spacing:.008em}.brand small{color:#d8e3dd}.brand-mark{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}
.top-title{font-size:1.25rem;line-height:1.2}.top-title small{color:#e3bd91;letter-spacing:.02em;margin-top:.18rem}
.icon-btn,.pill{border-color:rgba(226,198,161,.34);min-height:44px}.icon-btn:hover,.pill:hover{border-color:var(--copper-soft);background:rgba(255,255,255,.09)}
.library-drawer{background:linear-gradient(162deg,#164a3f 0%,#082f29 58%,#3d2429 145%);border-right:1px solid rgba(196,150,104,.45)}
.drawer-all,.drawer-series a{border-color:rgba(226,198,161,.2)}.drawer-all:hover,.drawer-series a:hover{border-color:var(--copper-soft)}

.hero{
  background:
    radial-gradient(circle at 15% 5%,rgba(166,107,63,.42),transparent 24rem),
    radial-gradient(circle at 91% 86%,rgba(113,54,65,.4),transparent 31rem),
    linear-gradient(145deg,#082f29 0%,#154b3f 50%,#0b3a32 100%);
  padding-block:clamp(4.5rem,8vw,7.25rem) clamp(6rem,10vw,8.4rem);
}
.hero::before{
  background-image:
    linear-gradient(30deg,transparent 47%,rgba(239,219,184,.035) 48% 52%,transparent 53%),
    linear-gradient(150deg,transparent 47%,rgba(239,219,184,.035) 48% 52%,transparent 53%);
  background-size:52px 90px;
  opacity:.85;
  mask-image:linear-gradient(90deg,transparent,#000 22% 78%,transparent);
}
.hero-inner{max-width:1020px}.hero .eyebrow{color:#e9c092}.hero h1{font-size:clamp(2.8rem,6vw,5.35rem);letter-spacing:-.015em;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.2)}
.hero p{color:#edf3ef;line-height:1.9}
.search-shell{max-width:850px;border:1px solid rgba(227,200,166,.72);border-radius:18px;background:#fffaf0;box-shadow:0 28px 75px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.75)}
.search-shell:focus-within{outline:3px solid rgba(201,135,81,.54);outline-offset:3px}.search-shell input{font-family:PlexArabic;color:#1d2924}.search-shell input::placeholder{color:#68716c;opacity:1}.search-shell button{background:linear-gradient(135deg,var(--burgundy),var(--burgundy-deep));color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 20px rgba(81,37,45,.22)}
.search-hint{color:#dce8e2}

.main{max-width:1360px}.section-title{padding-inline:.15rem}.section-title h2{color:var(--emerald);font-size:clamp(2rem,4vw,2.65rem);line-height:1.3;text-wrap:balance}.eyebrow{color:var(--burgundy)}
.discovery-card{background:linear-gradient(145deg,var(--card-strong),color-mix(in srgb,var(--card) 88%,#e8d4b4));border-color:color-mix(in srgb,var(--line) 70%,var(--copper));box-shadow:var(--shadow-soft)}
.discovery-card h2{color:var(--emerald)}.discovery-icon{background:linear-gradient(145deg,var(--burgundy),var(--burgundy-deep));color:#f5d7ae;box-shadow:0 8px 20px rgba(81,37,45,.2)}.discovery-links a{text-decoration-color:var(--copper);text-decoration-thickness:1px}
.filters-bar{border-color:color-mix(in srgb,var(--line) 78%,var(--copper));background:color-mix(in srgb,var(--paper) 90%,transparent);box-shadow:var(--shadow-soft)}
.filter-chip{border-color:var(--line);background:var(--card-strong);color:#35443e}.filter-chip.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}.books-sort select{background:var(--card-strong)}
.book-grid{gap:1.35rem}
.book-card{position:relative;overflow:hidden;background:linear-gradient(148deg,var(--card-strong),color-mix(in srgb,var(--card) 88%,#ead7b9));border-color:color-mix(in srgb,var(--line) 82%,var(--copper));box-shadow:var(--shadow-soft)}
.book-card::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(var(--burgundy),var(--copper));opacity:.72}
.book-card:hover{transform:translateY(-3px);border-color:var(--copper);box-shadow:var(--shadow)}
.book-card picture{width:104px;align-self:start}.book-card img{display:block;width:104px;height:154px;object-fit:contain;border-radius:12px;background:#eee8da;box-shadow:0 10px 25px rgba(31,44,38,.17)}
.book-card h3{color:var(--emerald);font-size:1.62rem}.book-card p{color:var(--muted)}.book-series{color:var(--burgundy);font-weight:700;letter-spacing:.015em}.book-badge{background:#e4eee8;color:#235044}.book-badge.selected{background:#f1ddc4;color:#713641}.stat{background:#e7eee9;color:#273d35;border:1px solid rgba(18,63,53,.07)}
.result{background:var(--card-strong);border-color:var(--line);box-shadow:0 6px 20px rgba(34,54,45,.045)}.result:hover{border-color:var(--copper);box-shadow:var(--shadow-soft)}.result h3{color:var(--emerald)}

.hero-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.15rem}.hero-trust span{padding:.25rem .7rem;border:1px solid rgba(231,207,176,.28);border-radius:999px;background:rgba(255,255,255,.055);color:#e2ece7;font-size:.76rem}
.home-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:1040px;margin:-2.45rem auto 2.25rem;padding-inline:1.25rem}
.home-stat{display:grid;gap:.08rem;place-items:center;min-height:88px;padding:.72rem .9rem;border:1px solid color-mix(in srgb,var(--line) 68%,var(--copper));border-radius:17px;background:color-mix(in srgb,var(--card-strong) 96%,transparent);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);color:var(--ink);text-align:center}
.home-stat strong{font-family:Amiri;font-size:1.7rem;line-height:1.1;color:var(--burgundy)}.home-stat span{font-size:.76rem;color:var(--muted)}

.book-breadcrumb-wrap{max-width:1260px}.breadcrumbs{color:var(--muted)}.breadcrumbs a{color:var(--emerald)}.crumb-separator{color:var(--copper)}
.book-hero{max-width:1260px;grid-template-columns:200px 1fr;background:linear-gradient(145deg,var(--card-strong),color-mix(in srgb,var(--paper-soft) 78%,#e7c9a6));border-color:color-mix(in srgb,var(--line) 72%,var(--copper));box-shadow:var(--shadow)}
.book-hero picture{width:200px}.book-hero img{display:block;width:200px;height:auto;max-height:320px;object-fit:contain;background:#eee7d8;border:1px solid rgba(166,107,63,.18);box-shadow:0 18px 42px rgba(31,44,38,.17)}
.book-hero h1{color:var(--emerald);text-wrap:balance}.book-hero p{color:var(--muted)}
.primary{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));box-shadow:0 9px 24px rgba(7,46,40,.18);font-weight:700}.primary:hover{background:linear-gradient(135deg,var(--emerald2),var(--emerald))}
.secondary{background:var(--card-strong);border-color:var(--line)}.secondary:hover{border-color:var(--copper);color:var(--burgundy)}

.reader-layout{background:linear-gradient(180deg,rgba(18,63,53,.045),transparent 15rem)}
.toc-panel{background:var(--card-strong);border-color:color-mix(in srgb,var(--line) 82%,var(--copper));box-shadow:var(--shadow-soft)}.toc-panel h2{color:var(--emerald)}.toc-list a:hover,.toc-list a.active{background:color-mix(in srgb,var(--emerald) 9%,var(--card));color:var(--emerald)}
.reader-toolbar{border-color:color-mix(in srgb,var(--line) 82%,var(--copper));background:color-mix(in srgb,var(--card-strong) 94%,transparent);box-shadow:var(--shadow-soft)}
.tool-button,.tool-link,.reader-tools-toggle,.page-jump input{background:var(--card-strong);border-color:var(--line)}.tool-button:hover,.tool-link:hover,.reader-tools-toggle:hover{border-color:var(--copper);color:var(--burgundy)}.page-jump button{background:var(--burgundy);font-weight:700}.reader-page-chip,.reader-current-page{color:var(--burgundy);font-weight:700}
.reader-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reader-progress{position:absolute;inset-inline:0;inset-block-end:-1px;height:3px;overflow:hidden;border-radius:0 0 18px 18px;background:rgba(18,63,53,.08);pointer-events:none}
.reader-progress-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--burgundy),var(--copper));transition:width .18s ease}

.page-card{background:linear-gradient(180deg,var(--card-strong),color-mix(in srgb,var(--card) 96%,#ead8ba));border-color:color-mix(in srgb,var(--line) 82%,var(--copper));box-shadow:var(--shadow)}
.page-kicker{color:var(--muted)}.page-context-title,.page-text h1,.page-text h2,.page-text h3,.page-text h4{color:var(--emerald)}
.page-context-title{border-bottom-color:color-mix(in srgb,var(--line) 58%,var(--copper))}.page-text{font-family:Amiri,serif;color:var(--ink)}.page-text p{hyphens:none;text-wrap:pretty}.footnote-ref{color:var(--burgundy);text-decoration:underline;text-decoration-color:rgba(113,54,65,.28);text-underline-offset:.15em}.footnote-ref:hover{color:var(--copper)}
.folio{background:var(--card-strong);border-color:var(--line)}.folio strong{color:var(--burgundy)}

/* Continuous reading remains page-aware in the DOM, but reads as one document. */
.continuous-column{gap:.8rem}
.continuous-document{overflow:visible;background:var(--card-strong);border:1px solid color-mix(in srgb,var(--line) 78%,var(--copper));border-radius:26px;box-shadow:var(--shadow);padding:clamp(1.5rem,5vw,4.4rem)}
.continuous-document .continuous-page{min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:160px}
.continuous-document .continuous-page+.continuous-page{margin-top:0}
.continuous-document .continuous-page>.page-text{padding:0}
.continuous-document .continuous-separator{display:none}
.continuous-document .blank-leaf{margin:1.5rem 0;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper-soft) 50%,transparent)}
.page-flow-marker{display:flex;align-items:center;gap:.75rem;margin:1.65rem 0 1.15rem;color:var(--muted);font-family:PlexArabic,Tahoma,sans-serif;font-size:.76rem;line-height:1.4;scroll-margin-top:160px}
.page-flow-marker::before,.page-flow-marker::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--line) 62%,var(--copper)))}
.page-flow-marker::after{background:linear-gradient(90deg,color-mix(in srgb,var(--line) 62%,var(--copper)),transparent)}
.page-flow-marker a{color:var(--burgundy);font-weight:700;text-decoration:none;white-space:nowrap}
.page-flow-marker--inline{display:inline-flex;vertical-align:middle;align-items:center;gap:.3em;margin:0 .35em;padding:.08em .5em;border:1px solid color-mix(in srgb,var(--line) 55%,var(--copper));border-radius:999px;background:color-mix(in srgb,var(--paper-soft) 72%,transparent);color:var(--burgundy);font-family:PlexArabic,Tahoma,sans-serif;font-size:.48em;font-weight:700;line-height:1.55;white-space:nowrap;scroll-margin-top:160px}
.page-flow-marker--inline::before,.page-flow-marker--inline::after{display:none}
.page-flow-marker--inline small{display:none}

@media(min-width:860px){
  .continuous-document .continuous-page{position:relative}
  .continuous-page>.page-flow-marker:not(.page-flow-marker--inline){position:absolute;inset-inline-start:-3.65rem;top:.35rem;display:grid;place-items:center;gap:0;width:2.85rem;min-height:2.85rem;margin:0;padding:.25rem;border:1px solid color-mix(in srgb,var(--line) 54%,var(--copper));border-radius:12px;background:var(--card-strong);box-shadow:0 6px 18px rgba(34,54,45,.08);color:var(--burgundy);text-align:center;text-decoration:none}
  .continuous-page>.page-flow-marker:not(.page-flow-marker--inline)::before,.continuous-page>.page-flow-marker:not(.page-flow-marker--inline)::after{display:none}
  .continuous-page>.page-flow-marker:not(.page-flow-marker--inline) span{font-family:Amiri;font-size:1.05rem;font-weight:700;line-height:1}
  .continuous-page>.page-flow-marker:not(.page-flow-marker--inline) small{font-size:.52rem;line-height:1.2;color:var(--muted)}
}

.page-footnotes{margin:1.3rem 0 1.8rem;padding:1rem 1.15rem;border-block:1px solid color-mix(in srgb,var(--line) 66%,var(--copper));background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--paper-soft) 66%,transparent),transparent);color:var(--ink)}
.page-footnotes summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;color:var(--burgundy);font-family:Amiri;font-size:1.08rem;font-weight:700;line-height:1.5}.page-footnotes summary::marker{color:var(--copper)}.page-footnotes summary small{color:var(--muted);font-family:PlexArabic;font-size:.68rem;font-weight:400}
.page-footnotes h2,.page-footnotes h3,.page-footnotes-title{margin:0 0 .65rem;color:var(--burgundy);font-family:Amiri;font-size:1.12rem;line-height:1.5}
.page-footnotes-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;counter-reset:page-note;font-family:Amiri;font-size:.76em;line-height:1.85}
.page-footnotes[open] .page-footnotes-list{margin-top:.85rem}.page-footnotes-list li{position:relative;padding:.35rem .55rem;border-radius:9px;background:color-mix(in srgb,var(--card-strong) 64%,transparent);counter-increment:page-note}.page-footnotes-loading{color:var(--muted);font-family:PlexArabic;font-size:.82em}
.page-footnotes-list a{color:var(--burgundy);text-underline-offset:.18em}

.continuous-layout{max-width:1680px;grid-template-columns:300px minmax(0,850px) minmax(230px,280px)}
.source-witness{position:sticky;top:96px;height:max-content;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 72%,var(--copper));border-radius:18px;background:var(--card-strong);box-shadow:var(--shadow-soft)}
.source-witness-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.2rem .6rem;padding:.65rem .75rem;border-bottom:1px solid var(--line);color:var(--emerald);font-size:.76rem;font-weight:700}.source-witness-head strong{font-family:Amiri;color:var(--burgundy);font-size:1rem}.source-witness-head small{width:100%;color:var(--muted);font-weight:400}
.source-witness>button,.source-witness-open{display:flex;align-items:center;justify-content:center;width:calc(100% - 1.2rem);min-height:42px;margin:.6rem;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--emerald);font-family:PlexArabic;font-size:.76rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.source-witness>button:hover,.source-witness-open:hover{border-color:var(--copper);color:var(--burgundy)}.source-witness>button:disabled{visibility:hidden}
.source-witness-frame-wrap{overflow:hidden;aspect-ratio:3/4;background:#d9d6cc}.source-witness-frame:not([data-loaded='true']){visibility:hidden}.source-witness-frame{display:block;width:100%;height:100%;border:0;background:#d9d6cc}
.source-witness [hidden]{display:none!important}

.book-search-dialog,.footnote-dialog,.pdf-dialog{background:var(--card-strong);border:1px solid color-mix(in srgb,var(--line) 62%,var(--copper))}.book-search-head,.dialog-head,.pdf-head{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep))}.book-search-dialog input{background:var(--paper);border-color:var(--line)}.book-search-dialog form button,.dialog-actions button{background:var(--burgundy);color:#fff}.book-search-hit strong{color:var(--emerald)}
.pdf-dialog{overflow:hidden}.pdf-shell{width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr);overflow:hidden}.pdf-head,.pdf-head>*,.pdf-frame{min-width:0;max-width:100%}.pdf-controls{max-width:100%;flex-wrap:wrap}.pdf-frame{display:block}
.footer{background:linear-gradient(145deg,#0a352e,#072a25 70%,#3c2328 145%);border-top:1px solid rgba(196,150,104,.55);color:#d4e0da}.footer strong{font-family:Amiri;font-size:1.25rem;color:#fff}

@media(prefers-color-scheme:dark){
  :root{
    --paper:#091c18;
    --paper-soft:#0c2721;
    --ink:#f3eee4;
    --muted:#bdc8c2;
    --line:#3d5b51;
    --card:#102f28;
    --card-strong:#12362e;
    --shadow:0 22px 58px rgba(0,0,0,.3);
    --shadow-soft:0 10px 30px rgba(0,0,0,.2);
  }
}
body[data-theme='light']{
  --paper:#f8f1df;
  --paper-soft:#eee2c9;
  --ink:#202722;
  --muted:#5d655f;
  --line:#d5c4a5;
  --card:#fffaf0;
  --card-strong:#fffdf7;
  --shadow:0 20px 55px rgba(24,45,37,.11);
  --shadow-soft:0 10px 30px rgba(34,54,45,.075);
  color-scheme:light;
}
body[data-theme='dark']{
  --paper:#091c18;
  --paper-soft:#0c2721;
  --ink:#f3eee4;
  --muted:#bdc8c2;
  --line:#3d5b51;
  --card:#102f28;
  --card-strong:#12362e;
  --shadow:0 22px 58px rgba(0,0,0,.3);
  --shadow-soft:0 10px 30px rgba(0,0,0,.2);
  color-scheme:dark;
}
body[data-theme='dark'] .book-card,body[data-theme='dark'] .book-hero,body[data-theme='dark'] .page-card,body[data-theme='dark'] .continuous-document{background:linear-gradient(150deg,var(--card-strong),var(--card))}
body[data-theme='dark'] .book-card img,body[data-theme='dark'] .book-hero img{background:#e9e2d3}
body[data-theme='dark'] .book-card h3,body[data-theme='dark'] .book-hero h1,body[data-theme='dark'] .section-title h2,body[data-theme='dark'] .page-context-title,body[data-theme='dark'] .page-text h1,body[data-theme='dark'] .page-text h2,body[data-theme='dark'] .page-text h3,body[data-theme='dark'] .page-text h4,body[data-theme='dark'] .toc-panel h2,body[data-theme='dark'] .book-search-hit strong{color:#e5c293}
body[data-theme='dark'] .eyebrow,body[data-theme='dark'] .book-series,body[data-theme='dark'] .footnote-ref,body[data-theme='dark'] .reader-current-page,body[data-theme='dark'] .page-flow-marker,body[data-theme='dark'] .page-flow-marker--inline,body[data-theme='dark'] .page-footnotes summary,body[data-theme='dark'] .page-footnotes h2,body[data-theme='dark'] .page-footnotes h3,body[data-theme='dark'] .page-footnotes-title{color:#f0bdc5}
body[data-theme='dark'] .filter-chip,body[data-theme='dark'] .secondary,body[data-theme='dark'] .tool-button,body[data-theme='dark'] .tool-link,body[data-theme='dark'] .reader-tools-toggle,body[data-theme='dark'] .page-jump input{background:var(--card-strong);color:var(--ink)}
body[data-theme='dark'] .filter-chip.active,body[data-theme='dark'] .page-jump button{background:#8a4651;color:#fff}
body[data-theme='dark'] .home-stat{background:rgba(255,255,255,.06)}
body[data-theme='dark'] .page-footnotes{background:linear-gradient(90deg,transparent,rgba(196,150,104,.08),transparent)}
body[data-theme='dark'] .page-flow-marker--inline{background:rgba(196,150,104,.09)}
body[data-theme='dark'] .home-stat strong,body[data-theme='dark'] .page-footnotes summary small,body[data-theme='dark'] .source-witness-head,body[data-theme='dark'] .source-witness-head strong,body[data-theme='dark'] .source-witness-head small,body[data-theme='dark'] .source-witness>button,body[data-theme='dark'] .source-witness-open{color:#f0d4b4}
body[data-theme='dark'] .breadcrumbs a{color:#f0d4b4}body[data-theme='dark'] .reader-page-chip{color:#f0bdc5}
@media(min-width:860px){body[data-theme='dark'] .continuous-page>.page-flow-marker:not(.page-flow-marker--inline){color:#f0bdc5}}

@media(max-width:1120px){
  .book-hero{grid-template-columns:150px 1fr}.book-hero picture,.book-hero img{width:150px}
  .continuous-layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}
  .source-witness{position:static;margin-top:.8rem}
}

@media(max-width:720px){
  .hero{padding:3.8rem .9rem 5.5rem}.hero h1{font-size:clamp(2.35rem,12vw,3.75rem)}
  .hero-trust{gap:.35rem}.hero-trust span{font-size:.7rem;padding:.2rem .55rem}
  .home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:-1.75rem;padding-inline:.7rem}.home-stat{min-height:72px;padding:.5rem}
  .main{padding-inline:.7rem}.section-title{align-items:start}.section-title h2{font-size:2rem}
  .book-card{grid-template-columns:88px minmax(0,1fr);padding:.85rem;gap:.85rem}.book-card picture,.book-card img{width:88px}.book-card img{height:132px;object-fit:contain}.book-card h3{font-size:1.45rem}
  .book-hero{padding:1.15rem;margin-inline:.55rem}.book-hero picture,.book-hero img{width:154px;margin-inline:auto}.book-hero img{max-height:250px;object-fit:contain}.book-links{gap:.45rem}.book-links .primary,.book-links .secondary{padding:.62rem .9rem}
  .reader-toolbar{overflow:visible}.reader-progress{border-radius:0 0 14px 14px}
  .continuous-column{gap:.55rem}.continuous-document{padding:1.05rem .9rem;border-radius:17px}.continuous-document .page-text{line-height:1.95}.continuous-document .continuous-page{scroll-margin-top:140px}
  .page-flow-marker{gap:.45rem;margin:1.25rem 0 .85rem;font-size:.7rem}.page-flow-marker--inline{margin-inline:.22em;padding-inline:.4em;font-size:.46em}
  .page-footnotes{margin:1rem -.15rem 1.35rem;padding:.85rem .75rem}.page-footnotes-list{font-size:.72em}.page-footnotes-list li{padding:.32rem .45rem}
  .source-witness{border-radius:14px}.source-witness-frame{aspect-ratio:4/5;max-height:68vh}
  .continuous-layout>.source-witness{display:none}
}

@media(max-width:420px){
  .topbar-inner{padding-inline:.6rem}.brand{gap:.45rem}.brand-mark{width:40px;flex-basis:40px}.brand-mark img{width:38px;height:43px}
  .hero h1{font-size:2.45rem}.hero p{font-size:.96rem}.search-shell input{padding-inline:.75rem}
  .book-card{grid-template-columns:82px minmax(0,1fr)}.book-card picture,.book-card img{width:82px}.book-card img{height:123px}.book-card h3{font-size:1.36rem}
  .home-stat strong{font-size:1.35rem}.home-stat span{font-size:.72rem}
  .continuous-document{margin-inline:-.1rem;padding-inline:.78rem}.page-text{font-size:min(var(--reader-font-size),30px)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .book-card:hover{transform:none}
}

@media(forced-colors:active){
  :where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid Highlight}
  .book-card::after,.reader-progress-bar{background:Highlight}
  .page-flow-marker::before,.page-flow-marker::after{background:CanvasText}
}

/* Alhusun brand and home exploration layer. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{width:max-content;color:#f4e3c5}
.brand-wordmark,.hero-wordmark{display:block;color:inherit;background:currentColor;-webkit-mask:var(--brand-image) center/contain no-repeat;mask:var(--brand-image) center/contain no-repeat}
.brand-wordmark{width:112px;aspect-ratio:1107/605;flex:0 0 112px;filter:drop-shadow(0 5px 16px rgba(0,0,0,.2))}
.header-search-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}
.hero-inner{z-index:1}
.hero-wordmark{position:absolute;z-index:0;inset-inline-start:clamp(1rem,4vw,5rem);inset-block-start:clamp(1.2rem,4vw,3.5rem);width:clamp(150px,17vw,245px);aspect-ratio:1107/605;color:#f1d7b7;opacity:.075;pointer-events:none;transform:rotate(-3deg)}
.home-main{margin-top:0}

.continue-reading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:1040px;margin:-.55rem auto 2.25rem;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--line) 68%,var(--copper));border-radius:20px;background:linear-gradient(135deg,var(--card-strong),color-mix(in srgb,var(--card) 88%,#e7d0ad));box-shadow:var(--shadow-soft)}
.continue-reading[hidden]{display:none}
.continue-reading-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--burgundy);color:#fff;font-size:1.4rem}
.continue-reading strong,.continue-reading small{display:block}.continue-reading strong{font-family:Amiri;color:var(--emerald);font-size:1.45rem;line-height:1.35}.continue-reading small{color:var(--muted)}
.continue-reading .primary{white-space:nowrap}

.series-paths{margin-bottom:2.15rem}
.series-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.series-route{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:112px;padding:1rem;border:1px solid color-mix(in srgb,var(--line) 76%,var(--copper));border-radius:19px;background:linear-gradient(150deg,var(--card-strong),color-mix(in srgb,var(--card) 91%,#e6ceb0));box-shadow:var(--shadow-soft);text-decoration:none;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.series-route::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:3px;background:linear-gradient(var(--copper),var(--burgundy));opacity:.75}
.series-route:hover{transform:translateY(-3px);border-color:var(--copper);box-shadow:var(--shadow)}
.series-route-number{font-family:Amiri;color:var(--copper);font-size:1.8rem;line-height:1}
.series-route strong,.series-route small{display:block}.series-route strong{font-family:Amiri;color:var(--emerald);font-size:1.35rem;line-height:1.4}.series-route small{margin-top:.2rem;color:var(--muted);font-size:.76rem}.series-route-arrow{color:var(--burgundy);font-size:1.15rem}

body[data-theme='dark'] .continue-reading,body[data-theme='dark'] .series-route{background:linear-gradient(150deg,var(--card-strong),var(--card))}
body[data-theme='dark'] .continue-reading strong,body[data-theme='dark'] .series-route strong{color:#e5c293}
body[data-theme='dark'] .series-route-arrow{color:#f0bdc5}

@media(max-width:1120px){
  .series-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .brand-wordmark{width:88px;flex-basis:88px}
  .hero-wordmark{display:none}
  .continue-reading{grid-template-columns:auto minmax(0,1fr);margin:-.4rem .7rem 1.7rem;padding:.85rem}.continue-reading .primary{grid-column:1/-1;text-align:center}.continue-reading strong{font-size:1.25rem}
  .series-route-grid{grid-template-columns:1fr}.series-route{min-height:92px}
}

@media(max-width:420px){
  .brand-wordmark{width:78px;flex-basis:78px}
  .nav-actions{gap:.25rem}.nav-actions .icon-btn{padding-inline:.62rem}
}

@media print{.hero-wordmark,.continue-reading{display:none!important}}