.blog-content{counter-reset:section;max-width:42rem;color:color-mix(in oklab, var(--foreground) 90%, var(--background));text-wrap:pretty;font-size:1.125rem;line-height:1.7}.blog-content>*+*{margin-top:1.25em}.blog-content ::selection{background:var(--brand);color:#fff}.blog-content>p:first-child{color:var(--foreground);font-size:1.25rem;line-height:1.7}@media (min-width:640px){.blog-content>p:first-child:not(.no-dropcap):first-letter{float:left;font-family:var(--font-display);color:var(--brand);margin:.06em .14em 0 0;font-size:4.2em;font-weight:600;line-height:.82}}.blog-content h2{counter-increment:section;font-family:var(--font-display);letter-spacing:-.015em;color:var(--foreground);text-wrap:balance;margin-top:3.75rem;padding-top:1.5rem;scroll-margin-top:6rem;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);font-weight:600;line-height:1.2;position:relative}.blog-content h2:before{content:counter(section, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted-foreground);margin-bottom:.75rem;font-size:.7rem;font-weight:500;display:block}.blog-content h2:after{content:"";background:linear-gradient(90deg, var(--brand) 0 3rem, var(--border) 3rem);height:1px;position:absolute;inset:0 0 auto}.blog-content h2+*{margin-top:1rem}.blog-content h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);margin-top:2.25rem;scroll-margin-top:6rem;font-size:1.4rem;font-weight:600;line-height:1.3}.blog-content h3+*{margin-top:.6rem}.blog-content strong{color:var(--foreground);font-weight:600}.blog-content a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--brand) 75%, transparent);text-decoration-color:color-mix(in oklab, var(--brand) 75%, transparent);text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-color .15s,text-decoration-thickness .15s}.blog-content a:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-decoration-thickness:2px}.blog-content a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.blog-content ul,.blog-content ol{padding-left:1.5rem}.blog-content ul{list-style:square}.blog-content li{padding-left:.4rem}.blog-content li+li,.blog-content li>ul,.blog-content li>ol{margin-top:.5rem}.blog-content ul>li::marker{color:var(--brand)}.blog-content ol>li::marker{font-family:var(--font-mono);color:var(--brand);font-size:.85em;font-weight:500}.blog-content blockquote{border-left:2px solid var(--brand);font-family:var(--font-display);color:var(--foreground);margin-block:2.25rem;padding:.25rem 0 .25rem 1.5rem;font-size:1.3rem;line-height:1.5}.blog-content blockquote p+p{margin-top:.75em}.blog-content .blog-table{border:1px solid var(--border);margin-block:2rem;overflow-x:auto}.blog-content .blog-table:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.blog-content table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.925rem;line-height:1.55}.blog-content th{border-bottom:1px solid var(--border);background:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-align:left;text-transform:uppercase;color:var(--muted-foreground);padding:.75rem 1rem;font-size:.68rem;font-weight:500}.blog-content td{border-top:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.blog-content tbody tr:first-child td{border-top:0}.blog-content td:first-child{color:var(--foreground);font-weight:500}.blog-content tbody tr:hover{background:color-mix(in oklab, var(--foreground) 3%, transparent)}.blog-content code{border:1px solid var(--border);background:var(--muted);font-family:var(--font-mono);padding:.1em .35em;font-size:.85em}.blog-content pre{border:1px solid var(--border);background:var(--card);padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-content pre code{background:0 0;border:0;padding:0}.blog-content hr{border:0;border-top:1px dashed var(--border);margin-block:3rem}.blog-content img{border:1px solid var(--border);width:100%;height:auto}.blog-content .blog-faq p{border-top:1px solid var(--border);padding:1.25rem 0 1.25rem 2rem;position:relative}.blog-content .blog-faq h2+p{margin-top:1.5rem}.blog-content .blog-faq p:last-child{border-bottom:1px solid var(--border)}.blog-content .blog-faq p>strong:first-child{font-family:var(--font-display);margin-bottom:.4rem;font-size:1.1rem;line-height:1.4;display:block}.blog-content .blog-faq p>strong:first-child:before{content:"?";font-family:var(--font-mono);color:var(--brand);font-size:.85rem;font-weight:600;line-height:1.85;position:absolute;left:0}