.blog-prose{color:var(--ink);overflow-wrap:break-word;font-size:18px;line-height:1.85}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--font-cairo), var(--font-tajawal), system-ui, sans-serif;scroll-margin-top:88px;font-weight:800;line-height:1.35}.blog-prose h2{margin-top:1.9em;font-size:1.5em}.blog-prose h3{margin-top:1.6em;font-size:1.22em}.blog-prose h4{margin-top:1.4em;font-size:1.05em}.blog-prose h2+*,.blog-prose h3+*,.blog-prose h4+*{margin-top:.55em}.blog-prose a{color:var(--brand);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-prose a:hover{text-decoration-thickness:2px}.blog-prose strong,.blog-prose b{font-weight:700}.blog-prose mark{background:var(--brand-soft);color:inherit;border-radius:4px;padding:0 4px}.blog-prose ul,.blog-prose ol{padding-inline-start:1.4em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose li::marker{color:var(--brand)}.blog-prose blockquote{border-inline-start:4px solid var(--brand);background:var(--fill);border-radius:4px var(--radius-card) var(--radius-card) 4px;color:var(--ink2);padding:.9em 1.1em}[dir=rtl] .blog-prose blockquote{border-radius:var(--radius-card) 4px 4px var(--radius-card)}.blog-prose hr{background:radial-gradient(circle, var(--ink3) 3px, transparent 3.5px) 0 0 / 16px 8px repeat-x;border:0;width:48px;height:8px;margin:2.2em auto}.blog-prose img,.blog-prose video{border-radius:var(--radius-card);max-width:100%;height:auto;margin-inline:auto;display:block}.blog-prose figure img{margin-bottom:.5em}.blog-prose figcaption{text-align:center;color:var(--ink3);font-size:.82em}.blog-prose iframe{aspect-ratio:16/9;border-radius:var(--radius-card);border:0;width:100%;height:auto;display:block}.blog-prose table{border-collapse:collapse;width:100%;font-size:.9em;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--line);text-align:start;padding:.5em .8em}.blog-prose th{background:var(--fill);font-weight:700}.blog-prose :not(pre)>code{background:var(--fill);direction:ltr;unicode-bidi:isolate;border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.blog-prose pre{text-align:left;color:#f3efe4;border-radius:var(--radius-card);direction:ltr;background:#1d1c17;padding:1em 1.2em;font-size:.8em;line-height:1.7;overflow-x:auto}.blog-prose pre code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.blog-prose kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.blog-prose details{background:var(--fill);border-radius:var(--radius-card);padding:.8em 1.1em}.blog-prose summary{cursor:pointer;font-weight:700}.blog-prose .note,.blog-prose .tip,.blog-prose .warning{border-radius:var(--radius-card);background:var(--brand-soft);padding:.9em 1.1em}.blog-prose .tip{background:var(--success-soft)}.blog-prose .warning{background:var(--gold-soft)}.blog-prose .center{text-align:center}.blog-prose ul.contains-task-list{list-style:none}.blog-prose li:has(>input[type=checkbox]){list-style:none}.blog-prose pre .hljs-comment,.blog-prose pre .hljs-quote{color:#8b89a8;font-style:italic}.blog-prose pre .hljs-keyword,.blog-prose pre .hljs-selector-tag,.blog-prose pre .hljs-literal,.blog-prose pre .hljs-doctag{color:#c4a7ff}.blog-prose pre .hljs-string,.blog-prose pre .hljs-regexp,.blog-prose pre .hljs-addition{color:#9be59b}.blog-prose pre .hljs-number,.blog-prose pre .hljs-symbol,.blog-prose pre .hljs-bullet{color:#ffb86c}.blog-prose pre .hljs-title,.blog-prose pre .hljs-section{color:#7cc7ff}.blog-prose pre .hljs-type,.blog-prose pre .hljs-built_in,.blog-prose pre .hljs-selector-class,.blog-prose pre .hljs-selector-id{color:#ffd76a}.blog-prose pre .hljs-attr,.blog-prose pre .hljs-attribute,.blog-prose pre .hljs-property,.blog-prose pre .hljs-name,.blog-prose pre .hljs-tag{color:#ff8fb1}.blog-prose pre .hljs-deletion{color:#ff8a8a}.blog-prose pre .hljs-meta{color:#9ad0c2}.blog-prose.is-changelog{font-size:16.5px;line-height:1.8}.blog-prose.is-changelog h2,.blog-prose.is-changelog h3{margin-top:1.3em;font-size:1.08em}
