.blog-content{color:#3f3f46;font-size:1.125rem;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#18181b;font-weight:600;margin-top:2.25rem;margin-bottom:.75rem;letter-spacing:-.02em}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content h5{font-size:1rem}.blog-content h6{font-size:.875rem}.blog-content p{margin-bottom:1.25rem;color:#52525b}.blog-content a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.blog-content a:hover{color:#1d4ed8}.blog-content code:not(pre code){background:#e4e4e7;color:#27272a;padding:.15em .4em;border-radius:.25rem;font-size:.875em;font-family:var(--font-mono);border:1px solid #d4d4d8}.blog-content pre{background:#fafafa;border:1px solid #d4d4d8;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;padding:1.25rem}.blog-content pre code{color:#1e1e1e;font-size:.8125rem;line-height:1.7;background:transparent;border:none;padding:0}.blog-content .token.cdata,.blog-content .token.comment,.blog-content .token.doctype,.blog-content .token.prolog{color:#6a737d}.blog-content .token.punctuation{color:#393a34}.blog-content .token.boolean,.blog-content .token.constant,.blog-content .token.deleted,.blog-content .token.number,.blog-content .token.property,.blog-content .token.symbol,.blog-content .token.tag{color:#c2185b}.blog-content .token.attr-name,.blog-content .token.builtin,.blog-content .token.char,.blog-content .token.inserted,.blog-content .token.selector,.blog-content .token.string{color:#22863a}.blog-content .language-css .token.string,.blog-content .style .token.string,.blog-content .token.entity,.blog-content .token.operator,.blog-content .token.url{color:#d73a49}.blog-content .token.atrule,.blog-content .token.attr-value,.blog-content .token.keyword{color:#7c3aed}.blog-content .token.class-name,.blog-content .token.function{color:#005cc5}.blog-content .token.important,.blog-content .token.regex,.blog-content .token.variable{color:#e36209}.blog-content ol,.blog-content ul{margin-bottom:1.25rem;margin-left:1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5rem;color:#52525b}.blog-content li::marker{color:#a1a1aa}.blog-content blockquote{border-left:3px solid #a1a1aa;padding-left:1rem;font-style:italic;color:#52525b;margin:1.5rem 0}.blog-content img{max-width:100%;height:auto}.blog-content img,.blog-content video{display:block;border-radius:.75rem;margin:2rem auto}.blog-content video{width:100%;border:2px solid #e4e4e7;background:#e4e4e7}@media (min-width:768px){.blog-content img.blog-breakout-image{width:min(1000px,calc(100vw - 2rem),calc(100% + 11rem));max-width:none;position:relative;left:50%;transform:translateX(-50%)}}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content td,.blog-content th{border:1px solid #d4d4d8;padding:.625rem 1rem;text-align:left;font-size:.875rem}.blog-content th{background:#e4e4e7;font-weight:600;color:#18181b}.blog-content td{color:#52525b}.blog-content hr{border:none;border-top:1px solid #d4d4d8;margin:2rem 0}.blog-content strong{color:#27272a;font-weight:600}.blog-content .mermaid,.blog-content pre.mermaid{background:transparent;border:none;padding:0;text-align:center;display:flex;justify-content:center}.blog-content .mermaid svg{max-width:100%;height:auto}