.blog{text-align:start}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:flex}.blog-breadcrumb li{align-items:center;gap:4px;min-width:0;display:inline-flex}.blog-breadcrumb a{text-underline-offset:3px;color:var(--forest-700);align-items:center;min-height:32px;padding:6px 2px;text-decoration:underline;display:inline-flex}.blog-breadcrumb li[aria-current] span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:50vw;font-weight:600;overflow:hidden}.blog-hero{background:linear-gradient(135deg,var(--forest-600),var(--forest-800) 60%,var(--forest-950));color:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-lifted);margin-bottom:20px;padding:30px 32px;position:relative;overflow:hidden}.blog-hero:after{content:"";inset-inline-end:-60px;pointer-events:none;background:radial-gradient(circle,#b9f86c59,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px}.blog-hero .eyebrow{color:var(--lime)}.blog-hero h1{color:#fff;font-size:clamp(26px,2vw + 14px,38px)}.blog-hero h1:after{content:"";background:linear-gradient(90deg,var(--lime),var(--gold));border-radius:5px;width:64px;height:5px;margin-top:12px;display:block}.blog-hero p{color:#d6e5c9;max-width:72ch;margin-top:12px;font-size:15px;line-height:1.65}.blog-hero.small{padding:22px 26px}.blog-hero-links{flex-wrap:wrap;gap:6px 20px;margin-top:16px;display:flex}.blog-hero-links .text-button{color:var(--lime);min-height:36px}.blog-hero-links .text-button:hover{color:#fff}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 14px;display:flex}.blog-toolbar .input-icon{max-width:480px}.blog-langs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.blog-langs a{border-radius:var(--r-pill);min-height:36px;font:600 12.5px/1 var(--font-sans);color:var(--ink-2);border:1px solid #0000;align-items:center;padding:0 11px;display:inline-flex}.blog-langs a:hover{background:var(--lime-tint)}.blog-langs a.on{background:var(--lime);color:var(--lime-deep);font-weight:800}.blog-cats{margin:0 0 18px}.blog-cats small{opacity:.7;margin-inline-start:2px;font-weight:600}.blog-count{color:var(--muted);margin:0 0 8px;font-size:13px}.blog-grid{margin:0 0 18px}.blog-card{background:var(--paper);min-width:0;position:relative;overflow:hidden}.blog-card-cover{aspect-ratio:3/2;background:var(--forest-900);display:block;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);display:block}.blog-card:hover .blog-card-cover img{transform:scale(1.03)}.blog-card-fallback{height:100%;color:var(--lime);justify-content:center;align-items:center;display:flex}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 18px 16px;display:flex}.blog-card-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;min-width:0;font-size:12px;display:flex}.blog-card-meta span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.blog-card-meta .chip-cat{white-space:normal;max-width:100%;height:auto;min-height:26px;padding:4px 10px;line-height:1.2}.blog-card-meta .reading{flex-shrink:0;margin-inline-start:auto}.blog-card h2,.blog-card h3{margin:0;padding:0;font-size:17px;line-height:1.35}.blog-card h2 a,.blog-card h3 a{color:var(--ink);text-decoration:none}.blog-card h2 a:after,.blog-card h3 a:after{content:"";position:absolute;inset:0}.blog-card h2 a:hover,.blog-card h3 a:hover{text-underline-offset:3px;text-decoration:underline}.blog-card>.blog-card-body>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0;font-size:13.5px;display:-webkit-box;overflow:hidden}.blog-card-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;min-width:0;margin-top:auto;font-size:12px;display:flex}.blog-card-foot .text-button{white-space:nowrap}.chip-cat{border-radius:var(--r-pill);height:26px;font:700 11px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;background:var(--mint);color:var(--mint-ink);align-items:center;padding:0 10px;display:inline-flex}.chip-cat.sky{background:var(--sky);color:var(--sky-ink)}.chip-cat.gold{background:var(--gold-soft);color:var(--gold-ink)}.chip-cat.rose{background:var(--rose);color:var(--rose-ink)}.chip-cat.sand{background:var(--sand);color:var(--sand-ink)}.chip-cat.lavender{background:var(--lavender);color:var(--lavender-ink)}.chip-cat.lime{background:var(--lime-soft);color:var(--lime-ink)}.chip-aud{border-radius:var(--r-pill);height:26px;font:600 11.5px/1 var(--font-sans);background:var(--canvas);border:1px solid var(--line);color:var(--ink-2);align-items:center;padding:0 10px;display:inline-flex}.chip-fr{font:800 10px/1 var(--font-sans);background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.blog-pagination{justify-content:center;gap:18px}.blog-family{margin:26px 0 8px}.blog-family h2{margin-bottom:10px;font-size:17px}.blog-family .chips a{border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--line);height:36px;font:600 12.5px/1 var(--font-sans);text-transform:capitalize;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.blog-family .chips a:hover{border-color:var(--lime);background:var(--lime-tint)}.blog-article{max-width:820px;margin:0 auto}.blog-head{margin-bottom:18px}.blog-head-top{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.blog-head h1{outline:none;font-size:clamp(26px,2vw + 14px,38px);line-height:1.15}.blog-head h1:focus-visible{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:6px}.blog-lead{color:var(--ink-2);margin:14px 0 16px;font-size:17.5px;line-height:1.6}.blog-meta{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2);flex-wrap:wrap;gap:8px 22px;margin:0 0 14px;padding:12px 16px;font-size:13px;display:flex}.blog-meta div{align-items:center;gap:6px;min-width:0;display:flex}.blog-meta dt{color:var(--muted);align-items:center;gap:4px;font-weight:600;display:inline-flex}.blog-meta dd{color:var(--ink);margin:0}.blog-actions{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.blog-actions .speak-button.on{background:var(--rose);border-color:var(--rose);color:var(--rose-ink)}.blog-cover{border-radius:var(--r-xl);box-shadow:var(--shadow-lifted);background:var(--forest-900);margin:0 0 22px;overflow:hidden}.blog-cover img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.blog-keypoints{border:1px solid var(--line);border-inline-start:5px solid var(--lime);background:var(--lime-tint);border-radius:var(--r-md);margin:0 0 20px;padding:18px 20px}.blog-keypoints h2,.blog-toc h2,.blog-simple h2,.blog-faq h2,.blog-glossary h2,.blog-sources h2,.blog-modules h2,.blog-related h2{align-items:center;gap:8px;margin-bottom:10px;font-size:18px;display:flex}.blog-keypoints ul{margin:0;padding-inline-start:20px}.blog-keypoints li{margin:6px 0;font-size:15px;line-height:1.6}.blog-toc{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);margin:0 0 22px;padding:14px 18px}.blog-toc ol{columns:2;column-gap:22px;margin:0;padding-inline-start:20px}.blog-toc li{break-inside:avoid;margin:4px 0;font-size:14px}.blog-toc a{color:var(--forest-700);text-underline-offset:3px;padding:3px 0;text-decoration:underline;display:inline-block}.blog-body{font-size:16.5px}.blog-body h2{margin:34px 0 12px;scroll-margin-top:90px;font-size:23px}.blog-body h2:before{content:"";background:linear-gradient(180deg,var(--lime),var(--gold));vertical-align:-.12em;border-radius:4px;width:4px;height:1em;margin-inline-end:10px;display:inline-block}.blog-body h3{margin:24px 0 8px;scroll-margin-top:90px;font-size:18px}.blog-body p,.blog-body li{color:var(--ink);font-size:16.5px;line-height:1.85}.blog-body p{margin:0 0 14px}.blog-body ul,.blog-body ol{margin:0 0 14px;padding-inline-start:22px}.blog-body li{margin:5px 0}.blog-body a{color:var(--forest-700);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.blog-body a svg{vertical-align:-1px;margin-inline-start:3px}.blog-ar{color:var(--forest-900);margin:0 .15em;font-size:1.25em;line-height:1.4}.blog-quote{border-inline-start:4px solid var(--gold);background:var(--gold-soft);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-2);margin:18px 0;padding:14px 20px;font-style:italic}.blog-verse,.blog-hadith{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft);margin:22px 0;padding:20px 22px;position:relative}.blog-verse{background:linear-gradient(150deg,var(--lime-tint),var(--paper) 55%);border-color:var(--lime-soft)}.blog-hadith{background:linear-gradient(150deg,var(--sand),var(--paper) 55%);border-color:#efe1c4}.blog-verse .arabic,.blog-hadith .arabic{text-align:right;color:var(--ink);margin:0 0 12px;font-size:clamp(24px,1.2vw + 16px,30px);line-height:2}.blog-hadith .hadith-ar{max-height:16em;padding-inline-end:4px;font-size:clamp(20px,1vw + 14px,24px);line-height:1.9;overflow:auto}.blog-verse blockquote,.blog-hadith blockquote{color:var(--ink);margin:0;font-size:16.5px;line-height:1.75}.blog-verse blockquote:before,.blog-hadith blockquote:before{content:"« "}.blog-verse blockquote:after,.blog-hadith blockquote:after{content:" »"}.hadith-narrator{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.blog-verse figcaption,.blog-hadith figcaption{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:12.5px;display:flex}.blog-verse figcaption span,.blog-hadith figcaption span{align-items:center;gap:5px;font-weight:600;display:inline-flex}.blog-verse figcaption a,.blog-hadith figcaption a{color:var(--forest-700);text-underline-offset:3px;align-items:center;gap:4px;min-height:32px;text-decoration:underline;display:inline-flex}.hadith-ref{color:var(--ink);font-weight:700}.translation-note{color:var(--muted-2);margin-top:8px;font-size:11.5px;display:block}.grade{border-radius:var(--r-pill);height:24px;font:700 11px/1 var(--font-sans);background:var(--canvas);border:1px solid var(--line);color:var(--ink-2);align-items:center;padding:0 9px;display:inline-flex}.grade-sahih,.grade-hasan-sahih,.grade-sahih-li-ghayrihi{background:var(--mint);color:var(--mint-ink);border-color:#0000}.grade-hasan,.grade-hasan-li-ghayrihi{background:var(--sky);color:var(--sky-ink);border-color:#0000}.grade-daif,.grade-mawdu{background:var(--rose);color:var(--rose-ink);border-color:#0000}.blog-callout{border-radius:var(--r-md);border:1px solid var(--line);background:var(--paper-2);border-inline-start-width:5px;margin:20px 0;padding:16px 20px}.blog-callout h3{letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.blog-callout p{margin:0 0 8px;font-size:15.5px}.blog-callout p:last-child{margin-bottom:0}.blog-callout.note{border-inline-start-color:var(--sky-ink);background:var(--sky)}.blog-callout.note h3{color:var(--sky-ink)}.blog-callout.divergence{border-inline-start-color:var(--lavender-ink);background:var(--lavender)}.blog-callout.divergence h3{color:var(--lavender-ink)}.blog-callout.attention{border-inline-start-color:var(--gold-ink);background:var(--gold-soft)}.blog-callout.attention h3{color:var(--gold-ink)}.blog-steps{margin:20px 0}.blog-steps h3{align-items:center;gap:8px;margin:0 0 6px;font-size:15px;display:flex}.blog-steps .lesson-steps{margin:8px 0 0}.blog-steps .lesson-steps li{margin:12px 0}.blog-steps .lesson-steps p{font-size:16px}.blog-simple{border:1px solid var(--lime-soft);background:var(--lime-tint);border-radius:var(--r-lg);margin:0 0 22px;padding:22px 24px}.blog-simple .blog-body p,.blog-simple .blog-body li{font-size:18px;line-height:1.9}.blog-faq{margin:30px 0}.blog-faq details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);margin:8px 0;padding:0 18px}.blog-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0;font-size:15.5px;font-weight:700;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";color:var(--forest-700);flex-shrink:0;font-size:22px;line-height:1}.blog-faq details[open] summary:after{content:"−"}.blog-faq summary:focus-visible{box-shadow:var(--lime-glow);border-radius:8px;outline:none}.blog-faq details p{color:var(--ink-2);margin:0 0 16px;font-size:15.5px;line-height:1.75}.blog-glossary{margin:26px 0}.blog-glossary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;display:grid}.blog-glossary dt{font-size:15px;font-weight:700}.blog-glossary dd{color:var(--ink-2);margin:3px 0 0;font-size:14px;line-height:1.6}.blog-glossary .text-button{margin-top:12px}.blog-sources{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);margin:26px 0;padding:20px 22px}.blog-sources>p{margin:0 0 12px;font-size:13px}.blog-sources ol{margin:0;padding-inline-start:20px}.blog-sources li{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0;font-size:14px;line-height:1.6;display:flex}.blog-sources li::marker{color:var(--muted)}.src-label{font-weight:600}.src-status{color:var(--muted);border-radius:var(--r-pill);background:var(--canvas);border:1px solid var(--line);align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11.5px;display:inline-flex}.src-status.ok{background:var(--mint);color:var(--mint-ink);border-color:#0000;font-weight:700}.src-note{color:var(--muted);font-size:12.5px;font-style:italic}.blog-sources a{color:var(--forest-700);text-underline-offset:3px;align-items:center;gap:4px;min-height:28px;font-size:13px;text-decoration:underline;display:inline-flex}.blog-modules{margin:22px 0}.blog-modules .chips a,.blog-tags a{border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--line);height:38px;font:600 13px/1 var(--font-sans);color:var(--ink);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.blog-modules .chips a:hover,.blog-tags a:hover{border-color:var(--lime);background:var(--lime-tint)}.blog-tags{color:var(--muted);align-items:center;margin:18px 0}.blog-tags a{height:32px;color:var(--forest-700);font-size:12.5px}.blog-related{margin:30px 0 20px}.blog-article>.button{margin:10px 0 20px}.blog-article .small-note a{color:var(--forest-700);text-decoration:underline}.blog-glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.blog-glossary-list>div{margin:0;padding:18px 20px}.blog-glossary-list dt{font:800 17px/1.3 var(--font-display);flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.blog-glossary-list dt .arabic-inline{color:var(--forest-900);font-size:22px}.blog-glossary-list dt small{font:500 12px/1.4 var(--font-sans);color:var(--muted);width:100%}.blog-glossary-list dd{color:var(--ink-2);margin:8px 0 0;font-size:14.5px;line-height:1.7}@media (max-width:900px){.blog-glossary dl,.blog-glossary-list{grid-template-columns:1fr}.blog-toc ol{columns:1}}@media (max-width:760px){.blog-hero{border-radius:22px;padding:22px 18px}.blog-hero h1{font-size:25px}.blog-hero p{font-size:14px}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-toolbar .input-icon{max-width:none}.blog-meta{gap:6px 14px;padding:10px 12px}.blog-head h1{font-size:25px}.blog-lead{font-size:16px}.blog-body h2{font-size:21px}.blog-body p,.blog-body li{font-size:16px}.blog-verse,.blog-hadith{padding:16px}.blog-callout{padding:14px 16px}.blog-actions .button{flex:calc(50% - 4px)}.blog-sources{padding:16px}}.dark .blog-verse{background:linear-gradient(150deg,#1b3122,var(--paper) 55%);border-color:#2f4a36}.dark .blog-hadith{background:linear-gradient(150deg,#3a3222,var(--paper) 55%);border-color:#4a4330}.dark .blog-ar,.dark .blog-glossary-list dt .arabic-inline{color:var(--gold-ink)}.dark .blog-callout.note{background:#1f3140}.dark .blog-callout.divergence{background:#2a2740}.dark .blog-callout.attention{background:#3a3320}.dark .blog-keypoints,.dark .blog-simple{background:#1b3122;border-color:#2f4a36}.dark .blog-quote{color:var(--ink-2)}.dark .blog-langs a.on{color:var(--lime-deep)}.high-contrast .blog-verse,.high-contrast .blog-hadith,.high-contrast .blog-callout,.high-contrast .blog-card,.high-contrast .blog-faq details,.high-contrast .blog-sources,.high-contrast .blog-keypoints{border-width:2px}.high-contrast .blog-body a,.high-contrast .blog-breadcrumb a{text-decoration-thickness:2px}.high-contrast .grade,.high-contrast .chip-cat,.high-contrast .src-status{outline:1px solid}.large .blog-body p,.large .blog-body li,.large .blog-verse blockquote,.large .blog-hadith blockquote,.large .blog-faq details p,.large .blog-lead{font-size:20px}.large .blog-keypoints li{font-size:18px}[dir=rtl] .blog-body h2:before{margin-inline-end:10px}[dir=rtl] .blog-verse .arabic,[dir=rtl] .blog-hadith .arabic{text-align:right}html.native .blog-rss{display:none}@media print{.blog-breadcrumb,.blog-actions,.blog-langs,.blog-related,.blog-article>.button,.blog-toc,.blog-modules,.blog-tags{display:none!important}.blog-article{max-width:none}.blog-verse,.blog-hadith,.blog-callout,.blog-keypoints,.blog-sources{break-inside:avoid;box-shadow:none;background:#fff}.blog-faq details{break-inside:avoid}.blog-faq details:not([open]) summary:after{content:""}.blog-faq details>p{display:block}.blog-cover img{max-height:360px}.blog-body a:after{content:" (" attr(href) ")";color:#555;font-size:.8em}.blog-body a[href^=\/]:after{content:" (tawakoul.co" attr(href) ")"}}