.blog-article{color:var(--color-foreground);font-size:1.0625rem;line-height:1.75}.blog-article>*+*{margin-top:1.1em}.blog-article h1{letter-spacing:-.025em;margin-top:2em;font-size:2rem;font-weight:700}.blog-article h2{letter-spacing:-.02em;margin-top:1.8em;scroll-margin-top:5rem;font-size:1.6rem;font-weight:700}.blog-article h3{letter-spacing:-.015em;margin-top:1.5em;scroll-margin-top:5rem;font-size:1.3rem;font-weight:600}.blog-article h4{margin-top:1.4em;font-size:1.1rem;font-weight:600}.blog-article p{color:color-mix(in oklab,var(--color-foreground) 88%,transparent)}.blog-article a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.blog-article a:hover{color:color-mix(in oklab,var(--color-primary) 80%,black)}.blog-article strong{color:var(--color-foreground);font-weight:600}.blog-article ul,.blog-article ol{padding-left:1.5rem}.blog-article ul{list-style:outside}.blog-article ol{list-style:decimal}.blog-article li{margin:.4em 0}.blog-article blockquote{border-left:3px solid var(--color-primary);color:var(--color-muted-foreground);background:color-mix(in oklab,var(--color-primary) 5%,transparent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.25rem 1rem;font-style:italic}.blog-article pre{background:var(--color-muted);border-radius:var(--radius-md);padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;overflow-x:auto}.blog-article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-article :not(pre)>code{background:var(--color-muted);border-radius:.3em;padding:.15em .35em}.blog-article img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:1.5em 0}.blog-article hr{border:0;border-top:1px solid var(--color-border);margin:2em 0}.blog-article table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95em}.blog-article th,.blog-article td{border:1px solid var(--color-border);vertical-align:top;padding:.5rem .75rem}.blog-article th{background:var(--color-muted);text-align:left;font-weight:600}.blog-article iframe{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin:1.5em 0}.blog-article .blog-callout{border-radius:var(--radius-lg);background:color-mix(in oklab,var(--color-primary) 8%,transparent);border:1px solid color-mix(in oklab,var(--color-primary) 25%,transparent);margin:1.5em 0;padding:1rem 1.25rem}.blog-article .blog-callout[data-callout=warn],.blog-article .blog-callout[data-tone=warn]{background:#ffc13d2e;background:lab(82.5789% 19.7642 87.2089/.18);border-color:#ba840066;border-color:lab(59.2278% 22.2181 125.697/.4)}.blog-article .blog-callout[data-callout=success]{background:#3fc16824;border-color:#009a4566;border-color:lab(55.7028% -51.7828 34.6879/.4)}.blog-article .blog-callout[data-callout=danger]{background:color-mix(in oklab,var(--color-destructive) 10%,transparent);border-color:color-mix(in oklab,var(--color-destructive) 35%,transparent)}