@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap";:root{--bg: #f8f5ee;--surface: #f1ecdf;--text: #1b2431;--navy: #0f1c2e;--gold: #b8963e;--gold-border: #e3d3a3;--gold-quran: #8a6d2b;--muted: #5c6b7f;--on-navy: #f8f5ee;--border: var(--gold-border);--shadow: 0 1px 3px rgba(15, 28, 46, .07);--shadow-hover: 0 8px 26px rgba(15, 28, 46, .13);--font-head: "Noto Kufi Arabic", system-ui, "Segoe UI", sans-serif;--font-body: "Amiri", "Traditional Arabic", "Times New Roman", serif;--content-width: 42rem;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #0b1626;--surface: #12213a;--text: #f2eddf;--navy: #081120;--gold: #d4b96a;--gold-border: #33405c;--gold-quran: #d4b96a;--muted: #9aa7ba;--on-navy: #f2eddf;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-hover: 0 8px 26px rgba(0, 0, 0, .55)}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.2rem;line-height:2.1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}a{color:var(--text);text-decoration:none;transition:color .2s ease}a:hover{color:var(--gold)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:1.35rem}.divider{display:block;margin:1.1rem auto 0;color:var(--gold)}.divider.center{margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--gold)}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding-block:.9rem}.site-brand{font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--text);letter-spacing:.01em}.site-brand:hover{color:var(--gold)}.site-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-inline-start:auto;font-family:var(--font-head);font-size:.9rem;font-weight:500}.site-nav a{color:var(--muted);padding-block:.15rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.site-nav a:hover{color:var(--gold);border-color:var(--gold)}.site-footer{margin-top:auto;background:var(--navy);color:var(--on-navy);font-family:var(--font-head);font-size:.9rem}.site-footer .container{padding-block:1.9rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}.site-footer a{color:var(--gold)}.site-footer a:hover{color:var(--on-navy)}main{padding-block:2.5rem 4rem}h1,h2,h3{font-family:var(--font-head);line-height:1.6;font-weight:700;color:var(--text)}main h1{font-size:2rem;margin-block:0 .6rem}.hero{background:var(--navy);color:var(--on-navy);border-radius:var(--radius);padding:3.4rem 2rem 2.8rem;margin-bottom:3rem;text-align:center;box-shadow:var(--shadow)}.hero h1{font-family:var(--font-head);color:var(--on-navy);font-size:2.7rem;margin:0 0 .75rem;line-height:1.35;letter-spacing:.01em}.hero .lead{color:var(--gold);font-family:var(--font-head);font-weight:400;font-size:1.1rem;margin:0 auto;max-width:34rem;line-height:1.9}.hero .divider{color:var(--gold);margin-top:1.4rem}.section-title{font-family:var(--font-head);margin-block:3rem 1.25rem;font-size:1.4rem;color:var(--text);border-inline-start:3px solid var(--gold);padding-inline-start:.7rem}.article-list{list-style:none;padding:0;margin:0}.article-list li{padding-block:1.15rem;border-bottom:1px solid var(--gold-border)}.article-list li:first-child{padding-top:.35rem}.article-list>li>a:first-child{font-family:var(--font-head);font-weight:600;font-size:1.3rem;line-height:1.55;color:var(--text)}.article-list>li>a:first-child:hover{color:var(--gold)}.article-list .meta{display:block;color:var(--muted);font-family:var(--font-head);font-size:.82rem;line-height:1.7;margin-top:.35rem}.article-list .meta+.meta{margin-top:.1rem}.cards{list-style:none;padding:0;margin:0;counter-reset:card;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.card{position:relative;background:var(--bg);border:1px solid var(--gold-border);border-top:3px solid var(--gold);border-radius:var(--radius);padding:1.6rem 1.35rem 1.3rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card:before{counter-increment:card;content:counter(card,decimal-leading-zero);position:absolute;top:.85rem;inset-inline-end:1.1rem;font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--gold);opacity:.55}.card h3{margin:0 0 .4rem;font-size:1.25rem;line-height:1.55;padding-inline-end:2rem}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--gold)}.card p,.card .meta{margin:.25rem 0;font-family:var(--font-head);font-size:.82rem;line-height:1.7;color:var(--muted)}.card-titles{list-style:none;margin:.85rem 0 0;padding:.85rem 0 0;border-top:1px solid var(--gold-border);display:flex;flex-direction:column;gap:.4rem}.card-titles li{font-size:1.02rem;line-height:1.6}.card-titles a{color:var(--text)}.card-titles a:hover{color:var(--gold)}.chip-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.chip{display:inline-block;background:transparent;border:1px solid var(--gold-border);border-radius:999px;padding:.3rem .95rem;font-family:var(--font-head);font-size:.85rem;color:var(--muted);transition:color .2s ease,border-color .2s ease,background .2s ease}.chip:hover{color:var(--navy);border-color:var(--gold);background:var(--gold)}.lead{color:var(--muted);font-family:var(--font-head);font-weight:400;font-size:1rem}.quran{font-family:var(--font-body);font-size:1em;font-weight:400;color:var(--gold-quran);line-height:inherit}.article-header{margin-bottom:2.25rem;text-align:center}.article-header h1{font-family:var(--font-head);font-size:2.15rem;line-height:1.45;color:var(--text);margin:0}.article-header .divider{margin:1rem auto 1.1rem}.series-line{color:var(--gold);font-family:var(--font-head);font-weight:600;font-size:.95rem;margin:0 0 .6rem}.article-dates{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;color:var(--muted);font-family:var(--font-head);font-size:.82rem;margin:0}.article-dates .sep{color:var(--gold)}.article-dates .hijri{font-weight:600;color:var(--text)}.article-dates .reading-time{color:var(--muted)}.stats-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-family:var(--font-head);font-size:.85rem;color:var(--muted)}.stats-bar .ico{font-size:1.05em}.stat-views{display:inline-flex;align-items:center;gap:.3rem}.stat-like{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-head);font-size:.85rem;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--gold-border);border-radius:999px;padding:.2rem .8rem;transition:color .2s ease,border-color .2s ease,background .2s ease}.stat-like:hover{color:var(--navy);border-color:var(--gold);background:var(--gold)}.stat-like[aria-pressed=true]{color:#c0392b;border-color:#c0392b;background:transparent}.stat-like[aria-pressed=true] .ico{color:#c0392b}.article-toc{background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--radius);padding:1.1rem 1.4rem;margin-bottom:2.25rem}.article-toc .toc-title{font-family:var(--font-head);margin:0 0 .5rem;font-weight:600;color:var(--gold);font-size:.95rem}.article-toc ol{margin:0;padding-inline-start:1.25rem;color:var(--muted);font-family:var(--font-head);font-size:.95rem}.article-toc li{line-height:1.9}.article-toc a{color:var(--text)}.article-toc a:hover{color:var(--gold)}.related-articles{margin-top:3rem;border-top:1px solid var(--gold-border);padding-top:.5rem}.article-body{font-family:var(--font-body);font-size:1.2rem;line-height:2.1}.article-body>*+*{margin-top:1.5rem}.article-body p{margin-block:0}.article-body h2{font-family:var(--font-head);font-size:1.4rem;line-height:1.6;margin-top:2.8rem;color:var(--navy)}.article-body h2:before{content:"◆";color:var(--gold);font-size:.62em;vertical-align:middle;margin-inline-end:.5rem}.article-body h3{font-family:var(--font-head);font-size:1.2rem;color:var(--text)}.article-body blockquote{margin:0;padding:.5rem 1.2rem;border-inline-start:3px solid var(--gold);color:var(--muted);font-style:normal}.article-body a{color:var(--gold-quran);text-decoration:underline;text-decoration-color:var(--gold-border);text-underline-offset:3px}.article-body a:hover{color:var(--gold)}.article-body .footnotes{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--gold);font-size:1rem;line-height:1.95;color:var(--muted)}.article-body .footnotes h2{font-size:1rem;color:var(--text);margin-top:0}.article-body .footnotes h2:before{content:none}.signature{margin-top:3.25rem;padding-top:2rem;text-align:center;font-family:var(--font-body);line-height:1.9;position:relative}.signature:before{content:"";position:absolute;top:0;inset-inline-start:50%;transform:translate(50%);width:3rem;height:2px;background:var(--gold)}.signature .name{font-family:var(--font-body);font-weight:700;font-size:1.3rem;color:var(--gold)}.signature .place,.signature .sig-date{color:var(--muted);font-size:1.05rem}.source-line{margin-top:1.5rem;color:var(--muted);font-family:var(--font-head);font-size:.85rem}.share-bar{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.6rem}.share-bar button,.share-bar a.btn{font-family:var(--font-head);font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid var(--gold);background:transparent;color:var(--gold-quran);border-radius:999px;padding:.5rem 1.2rem;transition:background .2s ease,color .2s ease,transform .2s ease}.share-bar button:hover,.share-bar a.btn:hover{background:var(--gold);color:var(--navy);transform:translateY(-1px)}.prev-next{margin-top:3rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--gold-border);padding-top:1.5rem;font-family:var(--font-head);font-size:.9rem}.prev-next a{max-width:48%;color:var(--text)}.prev-next a:hover{color:var(--gold)}.article-taxonomy{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;font-family:var(--font-head);font-size:.9rem;color:var(--muted)}.pagefind-ui{--pagefind-ui-primary: var(--gold);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--surface);--pagefind-ui-border: var(--gold-border);--pagefind-ui-tag: var(--surface);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius);--pagefind-ui-font: var(--font-head)}.pagefind-ui *{direction:rtl;text-align:right}.pagefind-ui .pagefind-ui__search-input{font-family:var(--font-head);background:var(--surface)}.pagefind-ui .pagefind-ui__search-clear{inset-inline-end:auto;inset-inline-start:0}.pagefind-ui .pagefind-ui__result{border-top:1px solid var(--gold-border)}.pagefind-ui .pagefind-ui__result-title a{font-family:var(--font-head);color:var(--text)}.pagefind-ui .pagefind-ui__result-title a:hover{color:var(--gold)}.pagefind-ui .pagefind-ui__result-excerpt{font-family:var(--font-body);color:var(--muted)}.pagefind-ui mark{background:var(--gold-border);color:var(--text)}@media print{.site-header,.site-footer,.share-bar,.stats-bar,.prev-next,.article-toc,.article-taxonomy,.related-articles,.source-line{display:none!important}body{background:#fff;color:#000;font-size:12pt;line-height:1.7}main{padding:0}.container{max-width:100%;padding:0}a{color:#000;text-decoration:none}.article-body h2,.quran{color:#000}}@media(max-width:640px){body{font-size:1.15rem;line-height:2.05}main{padding-block:1.75rem 3rem}main h1{font-size:1.6rem}.hero{padding:2.5rem 1.35rem 2.1rem;margin-bottom:2.25rem}.hero h1{font-size:2rem}.hero .lead{font-size:1rem}.article-header h1{font-size:1.7rem}.article-body{font-size:1.15rem}.article-list>li>a:first-child{font-size:1.2rem}.prev-next{flex-direction:column}.prev-next a{max-width:100%}}