.blog-content{color:var(--muted);font-size:1.0625rem;line-height:1.75}.blog-content>:first-child{margin-top:0}.blog-content h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;color:var(--foreground);margin-top:2.5rem;margin-bottom:.85rem;font-size:1.5rem;font-weight:800;line-height:1.25}.blog-content h3{font-family:var(--font-display), system-ui, sans-serif;color:var(--foreground);margin-top:2rem;margin-bottom:.65rem;font-size:1.2rem;font-weight:700}.blog-content h4{color:var(--foreground);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.blog-content p{margin:1.15rem 0}.blog-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.blog-content a:hover{color:color-mix(in srgb, var(--accent) 80%, white)}.blog-content ul,.blog-content ol{margin:1.15rem 0;padding-left:1.35rem}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li{margin:.45rem 0}.blog-content li::marker{color:color-mix(in srgb, var(--accent) 70%, var(--muted))}.blog-content blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.5rem 0;padding:.15rem 0 .15rem 1rem}.blog-content img{border:1px solid #ffffff14;border-radius:.75rem;max-width:100%;height:auto;margin:1.5rem 0}.blog-content figure{margin:1.5rem 0}.blog-content figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.875rem}.blog-content pre{color:#e8edf2;background:#0b0f14;border:1px solid #ffffff14;border-radius:.65rem;margin:1.5rem 0;padding:1rem;font-size:.875rem;overflow-x:auto}.blog-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-content :not(pre)>code{color:var(--foreground);background:#ffffff0f;border-radius:.3rem;padding:.12rem .35rem}.blog-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.blog-content th,.blog-content td{text-align:left;border:1px solid #ffffff1a;padding:.55rem .75rem}.blog-content th{color:var(--foreground);background:#ffffff0a;font-weight:600}.blog-content hr{border:0;border-top:1px solid #ffffff1a;margin:2.5rem 0}.blog-content strong{color:var(--foreground);font-weight:600}
