@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #ffffff;--surface: #f3f6fb;--text: #0b1a33;--muted: #4a5a73;--accent: #1d4ed8;--accent-soft: #3b6ae0;--navy: #0f2a5f;--accent-wash: #eaf1fd;--border: #dbe4f3;--shadow: 0 1px 3px rgba(15, 42, 95, .08);--shadow-hover: 0 6px 20px rgba(15, 42, 95, .14);--hero-gradient: linear-gradient(135deg, #1d4ed8 0%, #0f2a5f 100%);--font-text: "IBM Plex Sans Arabic", system-ui, "Segoe UI", sans-serif;--font-quran: "Amiri", "Traditional Arabic", serif;--content-width: 42rem;--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #131d31;--text: #e6edf9;--muted: #9fb0cc;--accent: #60a5fa;--accent-soft: #93c5fd;--navy: #1e3a72;--accent-wash: #16233c;--border: #23304b;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .55);--hero-gradient: linear-gradient(135deg, #12326e 0%, #0b1220 100%)}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:1.15rem;line-height:2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:1.35rem}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block:1rem}.site-brand{font-weight:700;font-size:1.3rem;color:var(--text)}.site-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-inline-start:auto;font-size:.95rem}.site-nav a{color:var(--muted);padding-block:.15rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.site-nav a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.site-footer{margin-top:auto;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.9rem}.site-footer .container{padding-block:1.6rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}main{padding-block:2.5rem 3.5rem}h1,h2,h3{line-height:1.5;font-weight:700;color:var(--text)}main h1{font-size:2rem;margin-block:0 .5rem}.hero{background:var(--hero-gradient);color:#fff;border-radius:var(--radius);padding:3rem 2rem;margin-bottom:2.5rem;box-shadow:var(--shadow);text-align:center}.hero h1{color:#fff;font-size:2.6rem;margin:0 0 .75rem;line-height:1.4}.hero .lead{color:#ffffffeb;font-size:1.15rem;margin:0 auto;max-width:34rem;line-height:1.9}.cards{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.card{background:var(--bg);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:1.2rem 1.35rem;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card h3{margin:0 0 .4rem;font-size:1.2rem;line-height:1.6}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--accent);text-decoration:none}.card p{margin:.25rem 0;font-size:.95rem;line-height:1.8;color:var(--muted)}.card .meta{font-size:.85rem;color:var(--muted)}.card-titles{list-style:none;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.card-titles li{font-size:.9rem;line-height:1.6}.card-titles a{color:var(--text)}.card-titles a:hover{color:var(--accent);text-decoration:none}.article-list{list-style:none;padding:0;margin:0}.article-list li{padding-block:.85rem;border-bottom:1px solid var(--border)}.article-list a{font-weight:600;font-size:1.1rem}.article-list .meta{display:block;color:var(--muted);font-size:.85rem;line-height:1.7}.section-title{margin-block:2.5rem 1.1rem;font-size:1.45rem;border-inline-start:4px solid var(--accent);padding-inline-start:.7rem}.chip-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.chip{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.25rem .9rem;font-size:.9rem;color:var(--muted);transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-wash);text-decoration:none}.lead{color:var(--muted);font-size:1.05rem}.quran{font-family:var(--font-quran);font-size:1.3em;color:var(--accent);line-height:2.2}.article-body .quran{display:block;background:var(--accent-wash);border-inline-start:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.25rem;margin-block:1.5rem}.article-header{margin-bottom:2rem;border-top:4px solid var(--accent);padding-top:1.5rem}.series-line{color:var(--accent);font-weight:600;font-size:1rem;margin-bottom:.5rem}.article-header h1{font-size:2.15rem;color:var(--text)}.article-dates{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;background:var(--accent-wash);color:var(--accent);font-size:.9rem;border-radius:999px;padding:.3rem .9rem;margin-block:.6rem 0}.article-dates .hijri{font-weight:600}.article-dates .reading-time{color:var(--muted);background:var(--surface);border-radius:999px;padding:.05rem .55rem;font-size:.85rem}.stats-bar{display:flex;align-items:center;gap:.75rem;margin-top:.9rem;font-size:.95rem;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:inherit;font-size:.95rem;cursor:pointer;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .75rem;transition:color .15s,border-color .15s,background .15s}.stat-like:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.stat-like[aria-pressed=true]{color:#e0245e;border-color:#e0245e}.stat-like[aria-pressed=true] .ico{color:#e0245e}.article-toc{background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.35rem;margin-bottom:2rem}.article-toc .toc-title{margin:0 0 .5rem;font-weight:700;color:var(--accent);font-size:1rem}.article-toc ol{margin:0;padding-inline-start:1.25rem;color:var(--muted)}.article-toc li{line-height:1.8}.article-toc a{color:var(--text)}.article-toc a:hover{color:var(--accent);text-decoration:none}.related-articles{margin-top:2.5rem;border-top:1px solid var(--border);padding-top:.5rem}.article-body{font-size:1.15rem;line-height:2}.article-body>*+*{margin-top:1.6rem}.article-body p{margin-block:0}.article-body h2{font-size:1.45rem;margin-top:2.6rem;color:var(--accent)}.article-body h2:before{content:"🔹 ";font-size:.9em}.article-body h3{font-size:1.2rem;color:var(--text)}.article-body blockquote{margin:0;padding:.75rem 1.2rem;border-inline-start:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--muted)}.article-body a{text-decoration:underline}.article-body .footnotes{margin-top:3rem;padding-top:1.25rem;border-top:2px solid var(--accent-wash);font-size:.9rem;line-height:1.9;color:var(--muted)}.article-body .footnotes h2{font-size:1rem;color:var(--text)}.article-body .footnotes h2:before{content:none}.signature{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;line-height:1.9}.signature .name{font-weight:700;font-size:1.15rem;color:var(--accent)}.signature .place,.signature .sig-date{color:var(--muted)}.source-line{margin-top:1.5rem;color:var(--muted);font-size:.95rem}.share-bar{margin-top:1.85rem;display:flex;flex-wrap:wrap;gap:.6rem}.share-bar button,.share-bar a.btn{font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;padding:.5rem 1.15rem;transition:background .15s,box-shadow .15s,transform .15s}.share-bar button:hover,.share-bar a.btn:hover{background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:var(--shadow-hover);transform:translateY(-1px);color:#fff;text-decoration:none}.prev-next{margin-top:2.5rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding-top:1.5rem;font-size:.95rem}.prev-next a{max-width:48%}.article-taxonomy{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.pagefind-ui{--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--surface);--pagefind-ui-border: var(--border);--pagefind-ui-font: var(--font-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-header{border-top:none;padding-top:0}.article-body .quran{background:transparent;border-color:#000}.article-body h2{color:#000}}@media(max-width:640px){body{font-size:1.08rem;line-height:2.05}main{padding-block:1.75rem 3rem}main h1{font-size:1.6rem}.hero{padding:2.25rem 1.35rem;margin-bottom:2rem}.hero h1{font-size:2rem}.article-header h1{font-size:1.7rem}.prev-next{flex-direction:column}.prev-next a{max-width:100%}}