@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Tajawal:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Tajawal',sans-serif;background:#0a0712;color:#eee;line-height:1.7;padding:0 16px 60px}
.wrap{max-width:880px;margin:0 auto}
header{position:sticky;top:0;background:rgba(12,9,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12);padding:12px 0;margin-bottom:18px}
.bar{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bar a{color:#c9b6ff;text-decoration:none;font-weight:700;font-size:.92rem}
.bar a:hover{color:#fff}
h1{font-family:'Tajawal';font-size:1.5rem;font-weight:700;margin:6px 0 4px;color:#fff}
.sub{color:#a9a3b8;font-size:.86rem;margin-bottom:18px}
.crumb{font-size:.8rem;color:#9a93ad;margin-bottom:6px}
.crumb a{color:#9a93ad}
article{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);padding:18px 20px;margin-bottom:16px}
.isnad{font-size:.82rem;color:#a9a3b8;margin-bottom:8px;opacity:.85}
.matn{font-family:'Noto Naskh Arabic',serif;font-size:1.3rem;line-height:2.2;color:#f3eff9;font-weight:500}
.src{margin-top:12px;font-size:.82rem;color:#b9b3c8;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}
.q{color:#f6d68a;font-weight:700}
nav.pg{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:24px 0}
nav.pg a,nav.pg span{padding:9px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#eee;text-decoration:none;font-size:.9rem;font-weight:700}
nav.pg a:hover{background:rgba(255,255,255,.12)}
nav.pg .cur{background:rgba(124,58,237,.4);border-color:transparent}
.seclist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:16px 0}
.seclist a{display:block;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px;background:rgba(255,255,255,.05);text-decoration:none;color:#fff}
.seclist a:hover{border-color:rgba(255,255,255,.34)}
.seclist b{font-size:1.05rem;font-weight:700;display:block;margin-bottom:4px}
.seclist span{font-size:.78rem;color:#a9a3b8}
footer{text-align:center;color:#8a849a;font-size:.8rem;margin-top:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}
footer a{color:#c9b6ff}