.blog-content{color:color-mix(in oklch,var(--foreground) 85%,transparent);font-size:1.125rem;line-height:1.8;overflow-wrap:break-word}.blog-content>:first-child{margin-top:0}.blog-content h2,.blog-content h3,.blog-content h4{color:var(--foreground);font-family:var(--font-serif),Georgia,serif;font-weight:700;text-wrap:balance;scroll-margin-top:6rem}.blog-content h2{margin-top:3.5rem;margin-bottom:1rem;font-size:1.875rem;line-height:1.25}.blog-content h3{margin-top:2.25rem;margin-bottom:.75rem;font-size:1.375rem;line-height:1.35}.blog-content h4{margin-top:1.75rem;margin-bottom:.5rem;font-size:1.125rem}.blog-content p{margin:1.25rem 0}.blog-content strong{color:var(--foreground);font-weight:600}.blog-content a{color:var(--primary);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--primary) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.blog-content a:hover{text-decoration-color:var(--primary)}.blog-content ol,.blog-content ul{margin:1.25rem 0;padding-left:1.5rem}.blog-content ul{list-style:disc}.blog-content ol{list-style:decimal}.blog-content li{margin:.5rem 0;padding-left:.25rem}.blog-content li::marker{color:var(--muted-foreground)}.blog-content h2#tldr{margin-bottom:0;padding:1.25rem 1.5rem 0;border-radius:var(--radius) var(--radius) 0 0;font-family:inherit;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.blog-content h2#tldr,.blog-content h2#tldr+*{margin-top:0;border-left:4px solid var(--primary);background:var(--muted)}.blog-content h2#tldr+*{padding:.5rem 1.5rem 1.25rem 3rem;border-radius:0 0 var(--radius) var(--radius)}.blog-content h2#tldr+p{padding-left:1.5rem}@media (min-width:1024px){.blog-content h2#table-of-contents,.blog-content h2#table-of-contents+ol,.blog-content h2#table-of-contents+ul{display:none}}.blog-content blockquote{margin:2rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:4px solid var(--primary);color:var(--foreground);font-family:var(--font-serif),Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.6}.blog-content blockquote p{margin:.5rem 0}.blog-content figure img,.blog-content p>img{display:block;margin:2rem 0;border-radius:.75rem;max-width:100%;height:auto}.blog-content figure{margin:2rem 0}.blog-content figcaption{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground);text-align:center}.blog-content pre{margin:1.5rem 0;padding:1rem;border-radius:var(--radius);background:oklch(.2 .015 250);color:oklch(.95 0 0);overflow-x:auto;font-size:.875rem}.blog-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-content :not(pre)>code{padding:.15rem .35rem;border-radius:.25rem;background:var(--muted);color:var(--foreground)}.blog-content table{width:100%;margin:2rem 0;border:1px solid var(--border);border-radius:var(--radius);border-collapse:separate;border-spacing:0;font-size:.9375rem;line-height:1.6}@media (max-width:767px){.blog-content table{display:block;overflow-x:auto}}.blog-content td,.blog-content th{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.blog-content tbody tr:last-child td{border-bottom:0}.blog-content th{background:var(--muted);color:var(--foreground);font-weight:600;white-space:nowrap}.blog-content hr{margin:3rem 0;border:0;border-top:1px solid var(--border)}