.blog-body{--blog-heading:var(--color-ice);--blog-text:var(--color-mist);--blog-accent:var(--color-glacier);--blog-marker:var(--color-glacier);--blog-muted:var(--color-slate-muted);--blog-line:var(--color-line);--blog-warn:var(--color-warn);--blog-mono:var(--font-jetbrains),ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--blog-sans:var(--font-atheron-body),ui-sans-serif,system-ui,sans-serif;min-width:0}.blog-h2{margin-top:3rem;font-size:22px;line-height:1.375}.blog-h2,.blog-h3{font-weight:600;color:var(--blog-heading)}.blog-h3{margin-top:2rem;font-size:18px}@media (min-width:640px){.blog-h2{font-size:26px}}.blog-h2.blog-sans,.blog-h3.blog-sans{font-family:var(--blog-sans);font-palette:normal;color:var(--blog-accent);letter-spacing:-.01em}:lang(ur) .blog-h2.blog-sans,:lang(ur) .blog-h3.blog-sans{font-family:var(--font-atheron-body),var(--font-urdu),"Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,sans-serif}.blog-ol,.blog-p,.blog-ul{margin-top:1.25rem;font-size:16.5px;line-height:1.75;color:var(--blog-text)}.blog-ol,.blog-ul{padding-inline-start:1.5rem}.blog-ul{list-style:disc}.blog-ol{list-style:decimal}.blog-ol>li,.blog-ul>li{margin-top:.5rem}.blog-ol>li::marker,.blog-ul>li::marker{color:var(--blog-marker)}.blog-link{color:var(--blog-heading);text-decoration:underline;text-decoration-color:var(--color-line-bright);text-underline-offset:2px}.blog-link:hover{color:var(--blog-accent)}.blog-strong{font-weight:650}.blog-quote,.blog-strong{color:var(--blog-heading)}.blog-quote{margin-top:1.5rem;border-inline-start:3px solid var(--blog-accent);padding-inline-start:1.25rem;font-size:17.5px;line-height:1.7}.blog-callout>p+p,.blog-quote>p+p{margin-top:.75rem}.blog-callout{margin-top:1.5rem;border:1px solid var(--blog-line);border-inline-start-width:4px;border-radius:.75rem;padding:1rem 1.25rem;font-size:16px;line-height:1.7;color:var(--blog-text);background:color-mix(in oklab,var(--blog-tone) 7%,transparent);--blog-tone:var(--blog-muted);border-inline-start-color:var(--blog-tone)}.blog-callout-tip{--blog-tone:var(--blog-accent)}.blog-callout-warning{--blog-tone:var(--blog-warn)}.blog-callout>.blog-callout-label{margin:0 0 .35rem;font-family:var(--blog-mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blog-tone)}.blog-callout-note>.blog-callout-label{color:var(--blog-heading)}:lang(ur) .blog-callout>.blog-callout-label{letter-spacing:0;text-transform:none;font-family:inherit;font-size:14px}.blog-table{margin-top:1.5rem;max-width:100%;overflow-x:auto;border:1px solid var(--blog-line);border-radius:.75rem}.blog-code pre:focus-visible,.blog-table:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;color:var(--blog-text)}.blog-table caption{caption-side:top;padding:.75rem 1rem .25rem;text-align:start;font-size:13.5px;font-weight:600;color:var(--blog-heading)}.blog-table td,.blog-table th{padding:.6rem 1rem;text-align:start;vertical-align:top;border-top:1px solid var(--blog-line)}.blog-table th{font-weight:600;color:var(--blog-heading);white-space:nowrap}.blog-table td{min-width:7rem}.blog-code{margin:1.5rem 0 0;max-width:100%;border:1px solid var(--blog-line);border-radius:.75rem;overflow:hidden;background:var(--code-ground);text-align:left}.blog-code-label{padding:.45rem 1rem;border-bottom:1px solid var(--blog-line);font-family:var(--blog-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blog-muted)}.blog-code pre{margin:0;max-width:100%;overflow-x:auto;padding:.9rem 1rem;font-family:var(--blog-mono);font-size:13.5px;line-height:1.6;color:var(--blog-heading);tab-size:2;white-space:pre}.blog-code .tok-keyword{color:var(--blog-accent)}.blog-code .tok-string{color:var(--code-string)}.blog-code .tok-number{color:var(--code-number)}.blog-code .tok-comment{color:var(--blog-muted);font-style:italic}.blog-figure{margin:2rem 0 0}.blog-img{display:block;max-width:100%;height:auto;margin-inline:auto;border:1px solid var(--blog-line);border-radius:.75rem}.blog-figcaption,.blog-video-note{margin-top:.6rem;font-size:14px;line-height:1.6;color:var(--blog-muted);text-align:center}.blog-video{margin:2rem 0 0}.blog-video-box{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--blog-line);border-radius:.75rem;background:var(--code-ground)}.blog-video-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;color:var(--blog-heading)}.blog-video-play:focus-visible{outline:2px solid var(--blog-accent);outline-offset:-4px;border-radius:.75rem}.blog-video-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-video-icon{position:relative;width:64px;height:64px;filter:drop-shadow(0 2px 10px rgb(0 0 0/.55));transition:transform .15s ease,color .15s ease}.blog-video-play:focus-visible .blog-video-icon,.blog-video-play:hover .blog-video-icon{transform:scale(1.08);color:var(--blog-accent)}.blog-video-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-xcard{margin-top:1.5rem;display:flex;align-items:center;gap:.9rem;width:100%;border:1px solid var(--blog-line);border-radius:.75rem;padding:.9rem 1.1rem;background:color-mix(in oklab,var(--blog-heading) 4%,transparent);color:var(--blog-text);text-decoration:none}.blog-xcard:hover{border-color:var(--blog-accent)}.blog-xcard:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-xcard-mark{flex:none;width:22px;height:22px;color:var(--blog-heading)}.blog-xcard-text{display:flex;flex:1;flex-direction:column;min-width:0}.blog-xcard-kind{font-size:13px;line-height:1.4;color:var(--blog-muted)}.blog-xcard-user{font-weight:600;line-height:1.4;color:var(--blog-heading);overflow-wrap:anywhere;text-align:start}.blog-xcard-open{flex:none;font-size:14px;color:var(--blog-accent)}@media (prefers-reduced-motion:reduce){.blog-video-icon{transition:none}}