.blog-page,.blog-article-page{--blog-ink:#171642;--blog-muted:#605f78;--blog-line:#dddde9;--blog-wash:#f4f3ff;--blog-accent:var(--brand-primary)}.blog-index,.blog-article{width:min(1180px,100% - 32px);margin-inline:auto}.blog-breadcrumbs{color:var(--blog-muted);flex-wrap:wrap;gap:8px;margin:8px 0 30px;font-size:.84rem;display:flex}.blog-breadcrumbs a{color:var(--blog-accent);text-decoration:none}.blog-breadcrumbs a:hover{text-decoration:underline}.blog-index__hero{border:1px solid var(--blog-line);background:radial-gradient(circle at 14% 16%, #2e2b8229, transparent 33%), linear-gradient(145deg, #fff 0%, var(--blog-wash) 100%);border-radius:34px;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:end;gap:70px;padding:clamp(36px,7vw,88px) clamp(24px,6vw,72px);display:grid;overflow:hidden}.blog-index__hero h1{max-width:760px;color:var(--blog-ink);letter-spacing:-.055em;margin:14px 0 18px;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:clamp(2.5rem,7vw,5.7rem);line-height:1.08}.blog-index__hero h1 em{color:var(--blog-accent);font-style:normal}.blog-index__hero>div>p:last-child{max-width:720px;color:var(--blog-muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.9}.blog-index__hero aside{border-inline-start:4px solid var(--blog-accent);background:#ffffffc2;border-radius:14px 0 0 14px;padding:24px}.blog-index__hero aside strong{color:var(--blog-ink);font-family:Noto Kufi Arabic Variable,sans-serif}.blog-index__hero aside p{color:var(--blog-muted);margin:8px 0 0;font-size:.9rem;line-height:1.75}.blog-index__toolbar{border-bottom:1px solid var(--blog-line);justify-content:space-between;gap:20px;margin:46px 0 22px;padding-bottom:18px;display:flex}.blog-index__toolbar p{color:var(--blog-muted);margin:0}.blog-index__toolbar a{color:var(--blog-accent);font-weight:800;text-decoration:none}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.blog-card{border:1px solid var(--blog-line);background:#fff;border-radius:24px;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.blog-card:hover{border-color:#2e2b826b;transform:translateY(-4px);box-shadow:0 24px 55px #1f1c611c}.blog-card--featured{grid-column:1/-1}.blog-card__link{height:100%;color:inherit;grid-template-columns:150px minmax(0,1fr);text-decoration:none;display:grid}.blog-card--featured .blog-card__link{grid-template-columns:minmax(210px,.42fr) minmax(0,1fr)}.blog-card__visual{background:linear-gradient(155deg, #ffffff1a, transparent 45%), var(--blog-accent);color:#fff;align-content:space-between;min-height:300px;padding:24px;display:grid;position:relative;overflow:hidden}.blog-card__visual:after{content:"";border:28px solid #ffffff1f;border-radius:50%;width:170px;height:170px;position:absolute;inset:auto -52px -62px auto}.blog-card__visual span{z-index:1;letter-spacing:.08em;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:.82rem;font-weight:800;position:relative}.blog-card__visual strong{z-index:1;opacity:.28;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(3.5rem,9vw,7rem);line-height:.8;position:relative}.blog-card__content{flex-direction:column;padding:clamp(24px,4vw,44px);display:flex}.blog-card__meta,.blog-article__meta{color:var(--blog-muted);flex-wrap:wrap;gap:10px 18px;font-size:.78rem;display:flex}.blog-card__meta span{color:var(--blog-accent);font-weight:800}.blog-card h2{color:var(--blog-ink);margin:18px 0 12px;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:clamp(1.2rem,2.3vw,1.75rem);line-height:1.5}.blog-card--featured h2{font-size:clamp(1.65rem,3.4vw,2.7rem)}.blog-card p{color:var(--blog-muted);margin:0 0 22px;line-height:1.8}.blog-card__cta{color:var(--blog-accent);align-items:center;gap:8px;margin-top:auto;font-weight:800;display:flex}.blog-card__cta b{transition:transform .18s}.blog-card:hover .blog-card__cta b{transform:translate(-5px)}.blog-index__cta,.blog-inline-cta{background:var(--blog-accent);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;margin-top:56px;padding:clamp(28px,5vw,54px);display:flex}.blog-index__cta h2,.blog-inline-cta h2{color:#fff;max-width:760px;margin:10px 0 0;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.45}.button--light{color:var(--blog-accent);background:#fff;border-color:#fff;flex:none}.button--light:hover{border-color:var(--blog-wash);background:var(--blog-wash);color:var(--blog-accent)}.blog-article__header{background:radial-gradient(circle at 92% 18%, #ffffff29, transparent 28%), var(--blog-ink);color:#fff;border-radius:34px;max-width:980px;min-height:500px;padding:clamp(38px,7vw,88px);position:relative;overflow:hidden}.blog-article__header h1{z-index:1;color:#fff;letter-spacing:-.035em;max-width:850px;margin:16px 0 22px;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:clamp(2rem,5vw,4.35rem);line-height:1.28;position:relative}.blog-article__dek{z-index:1;color:#fffc;max-width:760px;margin:0 0 30px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.9;position:relative}.blog-article__header .eyebrow,.blog-article__header .blog-article__meta{z-index:1;color:#ffffffb8;position:relative}.blog-article__hero-mark{color:#fff;opacity:.13;direction:ltr;justify-items:end;display:grid;position:absolute;inset:auto auto 28px 36px}.blog-article__hero-mark span{letter-spacing:.3em;font-size:1.2rem}.blog-article__hero-mark strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(5rem,14vw,10rem);line-height:.8}.blog-article__hero-mark small{margin-top:16px}.blog-article__layout{grid-template-columns:260px minmax(0,760px);align-items:start;gap:clamp(38px,7vw,86px);margin-top:60px;display:grid}.blog-toc{border:1px solid var(--blog-line);background:#fff;border-radius:18px;padding:22px;position:sticky;top:110px}.blog-toc>strong{color:var(--blog-ink);font-family:Noto Kufi Arabic Variable,sans-serif;font-size:.9rem}.blog-toc ol{gap:9px;max-height:48vh;margin:16px 0;padding-inline-start:20px;display:grid;overflow-y:auto}.blog-toc li{color:var(--blog-muted);font-size:.78rem;line-height:1.55}.blog-toc a{color:inherit;text-decoration:none}.blog-toc a:hover{color:var(--blog-accent)}.blog-toc__course{border-top:1px solid var(--blog-line);padding-top:14px;font-size:.82rem;font-weight:800;display:block;color:var(--blog-accent)!important}.blog-article__body{min-width:0;color:var(--blog-ink)}.blog-article__intro{padding-bottom:16px}.blog-article__intro p:first-child:first-letter{float:right;color:var(--blog-accent);margin:8px 0 0 12px;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:4.6rem;font-weight:800;line-height:.75}.blog-article__body p,.blog-article__body li{color:#3f3e56;font-size:1.04rem;line-height:2.05}.blog-content-section{border-bottom:1px solid var(--blog-line);padding:27px 0;scroll-margin-top:110px}.blog-content-section h2,.blog-key-points h2,.blog-faq h2,.blog-sources h2,.blog-related h2{color:var(--blog-ink);margin:0 0 16px;font-family:Noto Kufi Arabic Variable,sans-serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1.55}.blog-content-section p{margin:0 0 15px}.blog-content-section ul,.blog-key-points ul{gap:9px;padding-inline-start:24px;display:grid}.blog-key-points{background:var(--blog-wash);border:1px solid #2e2b8233;border-radius:22px;margin:28px 0;padding:clamp(22px,4vw,34px)}.blog-key-points li::marker{color:var(--blog-accent)}.blog-inline-cta{align-items:flex-end;margin:42px 0}.blog-inline-cta span{color:#ffffffb8;font-size:.8rem;font-weight:800}.blog-inline-cta p{color:#ffffffc7;max-width:580px;margin:10px 0 0;font-size:.92rem;line-height:1.7}.blog-faq,.blog-sources{padding:38px 0}.blog-faq details{border-bottom:1px solid var(--blog-line)}.blog-faq summary{color:var(--blog-ink);cursor:pointer;padding:18px 0;font-family:Noto Kufi Arabic Variable,sans-serif;font-weight:750}.blog-faq details p{margin:0 0 20px;padding-inline-start:24px}.blog-sources{border-top:1px solid var(--blog-line)}.blog-sources a{color:var(--blog-accent);font-weight:700}.blog-sources__updated{color:var(--blog-muted)!important;font-size:.82rem!important}.blog-related{margin-top:80px}.blog-related__heading{margin-bottom:24px}.blog-article-page :is(a,button,summary):focus-visible,.blog-page :is(a,button,summary):focus-visible{outline-offset:4px;outline:3px solid #7773e8}@media (width<=900px){.blog-index__hero,.blog-article__layout{grid-template-columns:1fr}.blog-index__hero{gap:30px}.blog-toc{position:static}.blog-toc ol{max-height:none}}@media (width<=680px){.blog-index,.blog-article{width:min(100% - 20px,1180px)}.blog-index__hero,.blog-article__header{border-radius:24px}.blog-grid{grid-template-columns:1fr}.blog-card--featured{grid-column:auto}.blog-card__link,.blog-card--featured .blog-card__link{grid-template-columns:1fr}.blog-card__visual{min-height:150px}.blog-index__toolbar,.blog-index__cta,.blog-inline-cta{flex-direction:column;align-items:flex-start}.blog-article__header{min-height:470px}.blog-article__hero-mark{inset-inline-start:20px}}@media print{.blog-toc,.blog-inline-cta,.blog-related{display:none!important}.blog-article__layout{display:block}.blog-article__header{color:#000;background:#fff;min-height:auto}.blog-article__header h1,.blog-article__header .blog-article__meta,.blog-article__dek{color:#000}}
