.blog-content{color:color-mix(in oklch, var(--foreground) 88%, var(--muted-foreground));text-wrap:pretty;font-size:1.0625rem;line-height:1.75}.blog-content>*+*{margin-block-start:1.25em}.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--font-display);color:var(--foreground);letter-spacing:-.025em;text-wrap:balance;scroll-margin-block-start:calc(var(--header-height) + 1.5rem);font-weight:700;line-height:1.2}.blog-content h2{margin-block-start:2.5em;font-size:1.75rem}.blog-content h3{margin-block-start:2em;font-size:1.3125rem}.blog-content h4{margin-block-start:1.75em;font-size:1.0625rem}.blog-content :is(h2,h3,h4)+*{margin-block-start:.75em}.blog-content strong{color:var(--foreground);font-weight:600}.blog-content a{color:var(--primary);text-underline-offset:.25em;cursor:pointer;text-decoration:underline;transition:color .15s}.blog-content a:hover,.blog-content a:focus-visible{color:var(--foreground)}.blog-content :is(ul,ol){padding-inline-start:1.5em}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li::marker{color:var(--muted-foreground)}.blog-content li+li{margin-block-start:.5em}.blog-content blockquote{color:var(--muted-foreground);border-inline-start:2px solid var(--primary);padding-inline-start:1.25rem;font-style:normal}.blog-content :is(img,video){border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;height:auto;display:block}.blog-content figcaption{color:var(--muted-foreground);margin-block-start:.75em;font-size:.875rem}.blog-content hr{border:0;border-block-start:1px solid var(--border);margin-block:2.5em}.blog-content :is(code,kbd,samp){font-family:var(--font-mono);color:var(--foreground);background-color:color-mix(in oklch, var(--card) 70%, transparent);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.875em}.blog-content pre{background-color:color-mix(in oklch, var(--card) 70%, transparent);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;line-height:1.6;overflow-x:auto}.blog-content pre code{background:0 0;padding:0;font-size:.875rem}.blog-content table{text-align:start;border-collapse:collapse;width:100%;font-size:.9375rem;display:block;overflow-x:auto}.blog-content :is(th,td){vertical-align:top;border-block-end:1px solid var(--border);padding:.75rem 1rem .75rem 0}.blog-content th{color:var(--foreground);white-space:nowrap;font-weight:600}
