.blog-content{--blog-accent:#2a6500;--blog-surface:color-mix(in oklch,var(--muted)35%,var(--background));--blog-draft:#9a4a00;color:var(--foreground);overflow-wrap:break-word;font-size:16px;line-height:1.75}@supports (color:color(display-p3 0 0 0)){.blog-content{--blog-accent:color(display-p3 .224934 .392872 .088149);--blog-draft:color(display-p3 .585125 .288879 -.0599802)}}@supports (color:lab(0% 0 0)){.blog-content{--blog-accent:lab(37.6793% -33.2568 43.9928);--blog-draft:lab(41.1135% 36.5472 73.3646)}}.dark .blog-content{--blog-accent:var(--primary);--blog-surface:color-mix(in oklch,var(--muted)60%,var(--background));--blog-draft:orange}.blog-content>*+*{margin-top:1.25rem}.blog-content h2{letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.25rem;scroll-margin-top:96px;font-size:1.5rem;font-weight:600}.blog-content h3{margin-top:2rem;margin-bottom:.25rem;scroll-margin-top:96px;font-size:1.15rem;font-weight:600}.blog-content p{color:var(--foreground)}.blog-content strong{color:var(--foreground);font-weight:600}.blog-content a{color:var(--blog-accent);text-underline-offset:3px;font-weight:500;text-decoration:underline}.blog-content a:hover{text-decoration-thickness:2px}.blog-content ul,.blog-content ol{padding-left:1.4rem}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li+li{margin-top:.4rem}.blog-content li::marker{color:var(--blog-accent)}.blog-content blockquote{border-left:3px solid var(--primary);color:var(--muted-foreground);padding-left:1rem;font-style:italic}.blog-content hr{border-color:var(--border)}.blog-content code{background:var(--blog-surface);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:.1rem .4rem;font-size:.85em}.blog-content pre{background:var(--blog-surface);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;max-width:100%;padding:1rem 1.2rem;overflow-x:auto}.blog-content pre code{background:0 0;border:none;padding:0}.blog-content img{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;margin-top:1.75rem;margin-bottom:.5rem}.blog-content img+p{color:var(--muted-foreground);text-align:center;margin-top:.4rem;font-size:.85rem}.blog-content .tldr-card{background:var(--blog-surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);margin-top:0;padding:1rem 1.25rem}.blog-content .tldr-card .tldr-label{letter-spacing:.05em;color:var(--blog-accent);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.blog-content .tldr-card p:last-child{color:var(--foreground);margin:0}.blog-content .draft-todo{background:color-mix(in srgb,var(--blog-draft)15%,transparent);color:var(--blog-draft);font-family:var(--font-mono);border:1px dashed var(--blog-draft);border-radius:4px;padding:.05rem .35rem;font-size:.85em;font-style:normal;display:inline}.blog-content table{border-collapse:collapse;width:100%;font-size:.9rem}.blog-content th,.blog-content td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.blog-content th{background:var(--blog-surface);color:var(--foreground);font-weight:600}
