:root{--blog-canvas: #F8FAFC;--blog-surface: #FFFFFF;--blog-primary: #2563EB;--blog-primary-hover: #1D4ED8;--blog-slate-900: #0F172A;--blog-slate-700: #334155;--blog-slate-500: #64748B;--blog-slate-200: #E2E8F0;--blog-slate-100: #F1F5F9;--blog-warning-bg: #FFFBEB;--blog-warning-border: #F59E0B;--blog-info-bg: #EFF6FF;--blog-info-border: #2563EB;--blog-radius: 12px;--blog-shadow: 0 10px 30px rgba(15, 23, 42, .06);--blog-font: "DM Sans", "Cairo", system-ui, sans-serif}html[data-theme=dark]{--blog-canvas: #0B1220;--blog-surface: #111827;--blog-primary: #60A5FA;--blog-primary-hover: #93C5FD;--blog-slate-900: #F8FAFC;--blog-slate-700: #CBD5E1;--blog-slate-500: #94A3B8;--blog-slate-200: #1F2937;--blog-slate-100: #0F172A;--blog-warning-bg: #422006;--blog-warning-border: #FBBF24;--blog-info-bg: #0B1E3A;--blog-info-border: #60A5FA;--blog-shadow: 0 10px 30px rgba(0, 0, 0, .35)}.blog-page{background:var(--blog-canvas);color:var(--blog-slate-700);font-family:var(--blog-font);padding:2rem 0 4rem;min-height:40vh}.blog-container{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.blog-lang-twin{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--blog-primary);color:var(--blog-primary);background:color-mix(in srgb,var(--blog-primary) 8%,var(--blog-surface));text-decoration:none;font-size:.85rem;font-weight:600}.blog-lang-twin:hover,.blog-lang-twin:focus-visible{background:color-mix(in srgb,var(--blog-primary) 16%,var(--blog-surface));outline:2px solid color-mix(in srgb,var(--blog-primary) 40%,transparent);outline-offset:2px}.blog-toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.blog-lang-soon{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .85rem;border-radius:999px;border:1px dashed var(--blog-slate-200);color:var(--blog-slate-500);background:var(--blog-surface);font-size:.85rem;font-weight:600}.blog-hero-index{background:linear-gradient(135deg,#EFF6FF 0%,var(--blog-canvas) 55%,#F1F5F9 100%);border:1px solid var(--blog-slate-200);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--blog-shadow)}html[data-theme=dark] .blog-hero-index{background:linear-gradient(135deg,#0B1E3A 0%,var(--blog-canvas) 60%,#111827 100%)}.blog-hero-index h1{margin:0 0 .5rem;color:var(--blog-slate-900);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800}.blog-hero-index p{margin:0;max-width:42rem;color:var(--blog-slate-500)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-slate-200);border-radius:var(--blog-radius);overflow:hidden;box-shadow:var(--blog-shadow);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0f172a1a}.blog-card img{width:100%;height:180px;object-fit:cover;display:block}.blog-card-body{padding:1.15rem 1.25rem 1.35rem}.blog-card h2{margin:0 0 .5rem;font-size:1.05rem;line-height:1.35}.blog-card h2 a{color:var(--blog-slate-900);text-decoration:none}.blog-card h2 a:hover{color:var(--blog-primary)}.blog-card p{margin:0 0 1rem;color:var(--blog-slate-500);font-size:.9rem}.blog-card-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.8rem;color:var(--blog-slate-500)}.blog-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.blog-chip{display:inline-flex;align-items:center;min-height:36px;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--blog-slate-200);background:var(--blog-surface);color:var(--blog-slate-700);text-decoration:none;font-size:.85rem}.blog-chip:hover,.blog-chip.is-active{border-color:var(--blog-primary);color:var(--blog-primary)}.blog-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 56px;gap:1.5rem;align-items:start}.blog-toc{position:sticky;top:5.5rem;background:var(--blog-surface);border:1px solid var(--blog-slate-200);border-radius:var(--blog-radius);padding:.9rem 1rem 1rem;box-shadow:var(--blog-shadow)}.blog-toc h2{margin:0 0 .55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--blog-slate-500);font-weight:700}.blog-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.blog-toc a{display:block;padding:.28rem 0;color:var(--blog-slate-700);text-decoration:none;font-size:.875rem;line-height:1.35}.blog-toc a:hover,.blog-toc a.is-active{color:var(--blog-primary)}.blog-toc .blog-toc-h3{padding-inline-start:.75rem;font-size:.8125rem}.blog-share{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:.5rem}.blog-share a,.blog-share button{width:44px;height:44px;border-radius:999px;border:1px solid var(--blog-slate-200);background:var(--blog-surface);color:var(--blog-slate-700);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,color .15s ease,transform .15s ease}.blog-share a:hover,.blog-share button:hover{color:var(--blog-primary);border-color:var(--blog-primary);transform:translateY(-1px)}.blog-article{background:var(--blog-surface);border:1px solid var(--blog-slate-200);border-radius:1rem;overflow:hidden;box-shadow:var(--blog-shadow)}.blog-article-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--blog-slate-100)}.blog-article-body{padding:clamp(1.35rem,3vw,2.35rem)}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.85rem;color:var(--blog-slate-500);margin-bottom:.75rem}.blog-breadcrumbs a{color:var(--blog-slate-500);text-decoration:none}.blog-breadcrumbs a:hover{color:var(--blog-primary)}.blog-article h1{margin:0 0 .65rem;color:var(--blog-slate-900);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2;font-weight:800;letter-spacing:-.02em}.blog-meta-row{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;color:var(--blog-slate-500);font-size:.875rem;margin-bottom:1rem}.blog-definition{border-inline-start:4px solid var(--blog-primary);background:var(--blog-info-bg);color:var(--blog-slate-700);padding:.9rem 1.05rem;border-radius:0 var(--blog-radius) var(--blog-radius) 0;margin:0 0 1.25rem;font-size:.98rem;line-height:1.6}.blog-definition strong{color:var(--blog-slate-900);font-weight:700}[dir=rtl] .blog-definition{border-radius:var(--blog-radius) 0 0 var(--blog-radius)}.blog-content{line-height:1.7;font-size:1.0625rem;color:var(--blog-slate-700);max-width:42rem}.blog-content>*:first-child{margin-top:0}.blog-content p{margin:0 0 .95rem}.blog-content ul,.blog-content ol{margin:0 0 1rem;padding-inline-start:1.25rem}.blog-content li{margin:.25rem 0}.blog-content .blog-lead{font-size:1.1rem;color:var(--blog-slate-700);margin:0 0 1rem;line-height:1.65}.blog-content h2{color:var(--blog-slate-900);scroll-margin-top:5.5rem;margin:1.65rem 0 .55rem;font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.3;font-weight:700;letter-spacing:-.015em}.blog-content h3{color:var(--blog-slate-900);scroll-margin-top:5.5rem;margin:1.25rem 0 .45rem;font-size:clamp(1.05rem,1.6vw,1.15rem);line-height:1.35;font-weight:700}.blog-content h2:first-child,.blog-content h3:first-child{margin-top:.35rem}.blog-content a:not(.blog-cta__btn):not(.blog-btn){color:var(--blog-primary)}.blog-content .blog-callout{border-radius:var(--blog-radius);padding:.85rem 1rem;margin:1.1rem 0;border:1px solid var(--blog-slate-200)}.blog-content .blog-callout--info{background:var(--blog-info-bg);border-color:color-mix(in srgb,var(--blog-info-border) 45%,var(--blog-slate-200))}.blog-content .blog-callout--warning{background:var(--blog-warning-bg);border-color:color-mix(in srgb,var(--blog-warning-border) 50%,var(--blog-slate-200))}.blog-content .blog-cta,.blog-content .blog-cta-inline{margin:1.35rem 0}.blog-cta{--blog-cta-eyebrow: #475569;--blog-cta-body: #334155;--blog-cta-btn-bg: #2563EB;--blog-cta-btn-bg-hover: #1D4ED8;--blog-cta-btn-fg: #FFFFFF;margin:1.75rem 0 1.5rem;padding:1.25rem 1.25rem 1.35rem;border-radius:var(--blog-radius);background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#f1f5f9);border:1px solid var(--blog-slate-200);box-shadow:0 1px 2px #0f172a0a}html[data-theme=dark] .blog-cta{--blog-cta-eyebrow: #CBD5E1;--blog-cta-body: #E2E8F0;--blog-cta-btn-bg: #2563EB;--blog-cta-btn-bg-hover: #3B82F6;--blog-cta-btn-fg: #FFFFFF;background:linear-gradient(135deg,#0b1e3a,#111827);border-color:#1f2937}.blog-cta--mid{margin:1.35rem 0;padding:1.1rem 1.15rem 1.2rem}.blog-cta__eyebrow{margin:0 0 .4rem;font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--blog-cta-eyebrow)}[dir=rtl] .blog-cta__eyebrow{text-transform:none;letter-spacing:0}.blog-cta__title{margin:0 0 .45rem;color:var(--blog-slate-900);font-size:1.125rem;line-height:1.35;font-weight:700}.blog-cta--bottom .blog-cta__title,.blog-cta-panel .blog-cta__title{font-size:1.2rem}.blog-cta__body{margin:0 0 1rem;color:var(--blog-cta-body);font-size:.95rem;line-height:1.6}.blog-cta__actions,.blog-cta-actions{display:flex;flex-wrap:wrap;gap:.65rem .75rem;align-items:center}[dir=rtl] .blog-cta__actions,[dir=rtl] .blog-cta-actions{flex-direction:row}.blog-btn,.blog-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;padding:.6rem 1.2rem;border-radius:.65rem;font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;line-height:1.25;white-space:nowrap;overflow:visible;box-sizing:border-box}.blog-cta__btn-label{display:inline;color:inherit;-webkit-text-fill-color:currentColor}.blog-btn--primary,.blog-cta__btn--primary,.blog-content a.blog-cta__btn--primary,.blog-content a.blog-btn--primary,.blog-page a.blog-cta__btn--primary{background:var(--blog-cta-btn-bg, #2563EB);background-color:var(--blog-cta-btn-bg, #2563EB);color:var(--blog-cta-btn-fg, #FFFFFF)!important;-webkit-text-fill-color:var(--blog-cta-btn-fg, #FFFFFF)!important;border-color:transparent}.blog-btn--primary:hover,.blog-cta__btn--primary:hover,.blog-btn--primary:focus-visible,.blog-cta__btn--primary:focus-visible,.blog-content a.blog-cta__btn--primary:hover,.blog-content a.blog-cta__btn--primary:focus-visible,.blog-page a.blog-cta__btn--primary:hover,.blog-page a.blog-cta__btn--primary:focus-visible{background:var(--blog-cta-btn-bg-hover, #1D4ED8);background-color:var(--blog-cta-btn-bg-hover, #1D4ED8);color:var(--blog-cta-btn-fg, #FFFFFF)!important;-webkit-text-fill-color:var(--blog-cta-btn-fg, #FFFFFF)!important;outline:2px solid color-mix(in srgb,#2563EB 45%,transparent);outline-offset:2px}.blog-btn--secondary,.blog-cta__btn--secondary,.blog-content a.blog-cta__btn--secondary,.blog-page a.blog-cta__btn--secondary{background:var(--blog-surface);border-color:var(--blog-slate-200);color:var(--blog-slate-700)!important;-webkit-text-fill-color:var(--blog-slate-700)!important}.blog-btn--secondary:hover,.blog-cta__btn--secondary:hover,.blog-btn--secondary:focus-visible,.blog-cta__btn--secondary:focus-visible,.blog-content a.blog-cta__btn--secondary:hover,.blog-content a.blog-cta__btn--secondary:focus-visible{border-color:#2563eb;color:#2563eb!important;-webkit-text-fill-color:#2563EB!important;outline:2px solid color-mix(in srgb,#2563EB 35%,transparent);outline-offset:2px}.blog-cta-panel{margin:1.75rem 0 1.5rem}.blog-faq{margin-top:1.75rem}.blog-faq h2{margin:0 0 .85rem;color:var(--blog-slate-900);font-size:1.2rem}.blog-faq details{border:1px solid var(--blog-slate-200);border-radius:.75rem;padding:.75rem .95rem;margin-bottom:.55rem;background:var(--blog-canvas)}.blog-faq summary{cursor:pointer;font-weight:600;color:var(--blog-slate-900)}.blog-faq p{margin:.65rem 0 0;color:var(--blog-slate-700)}.blog-related{margin-top:2rem}.blog-related h2{margin:0 0 .85rem;color:var(--blog-slate-900);font-size:1.2rem}.blog-related .blog-grid{margin-top:.25rem}.blog-related .blog-card h2{font-size:1rem;line-height:1.4}.blog-related .blog-card p{color:var(--blog-slate-700)}.blog-contrast-safe{color:var(--blog-slate-700);background:var(--blog-surface)}@media(max-width:980px){.blog-layout{grid-template-columns:1fr}.blog-toc,.blog-share{position:static}.blog-share{flex-direction:row;order:3}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-pagination__load-more{transition:none}}.blog-pagination{margin-top:1.75rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.blog-pagination__summary{margin:0;font-size:.875rem;color:var(--blog-slate-500);text-align:center}.blog-pagination__nav{width:100%;display:flex;justify-content:center}.blog-pagination__list{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.blog-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:.35rem .55rem;border:1px solid var(--blog-slate-200);border-radius:.55rem;background:var(--blog-surface);color:var(--blog-slate-700);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;box-sizing:border-box}.blog-pagination__btn:hover{border-color:var(--blog-primary);color:var(--blog-primary)}.blog-pagination__btn.is-current{background:color-mix(in srgb,var(--blog-primary) 12%,var(--blog-surface));border-color:var(--blog-primary);color:var(--blog-primary);cursor:default}.blog-pagination__btn.is-disabled{opacity:.45;cursor:not-allowed}.blog-pagination__icon{width:1rem;height:1rem;display:block;flex:0 0 auto}[dir=rtl] .blog-pagination__icon{transform:scaleX(-1)}.blog-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;color:var(--blog-slate-500);font-size:.875rem}.blog-pagination__load-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.25rem;border-radius:999px;border:1px solid var(--blog-primary);background:color-mix(in srgb,var(--blog-primary) 8%,var(--blog-surface));color:var(--blog-primary);font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.blog-pagination__load-more:hover:not(:disabled){background:color-mix(in srgb,var(--blog-primary) 16%,var(--blog-surface))}.blog-pagination__load-more:disabled{opacity:.65;cursor:wait}.blog-pagination--load-more .blog-pagination--seo{margin-top:.25rem}.blog-pagination--load-more .blog-pagination--seo .blog-pagination__list{gap:.25rem}.blog-pagination--load-more .blog-pagination--seo .blog-pagination__btn{min-width:1.85rem;min-height:1.85rem;font-size:.8rem;font-weight:500;opacity:.85}@media(max-width:640px){.blog-pagination--load-more .blog-pagination--seo{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-block:.15rem}}