.blog-prose .callout{border-left:4px solid;border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.25rem;font-style:normal}.blog-prose .callout p{margin:.25rem 0}.blog-prose .callout p:first-child{margin-top:0}.blog-prose .callout p:last-child{margin-bottom:0}.blog-prose .callout-tldr{border-left-color:hsl(var(--info));background:hsl(var(--info) / .06)}.blog-prose .callout-tip{border-left-color:hsl(var(--success));background:hsl(var(--success) / .06)}.blog-prose .callout-warning{border-left-color:hsl(var(--warning));background:hsl(var(--warning) / .06)}.blog-prose .callout-takeaway{border-left-color:hsl(var(--primary));background:hsl(var(--primary) / .06)}.blog-prose .callout-note{border-left-color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .06)}.blog-prose .callout-insight{background:#cfa1170f;border-left-color:#cfa117}.blog-prose .callout-cta{border-left-color:hsl(var(--primary));background:hsl(var(--primary) / .1);text-align:center;padding:1.25rem 1.5rem}.blog-prose .callout-cta a{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.375rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.blog-prose .callout-cta a:hover{opacity:.9}.blog-prose .pull-quote{text-align:center;border-top:2px solid hsl(var(--primary) / .3);border-bottom:2px solid hsl(var(--primary) / .3);color:hsl(var(--foreground));margin:2.5rem 0;padding:1.5rem 2rem;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.6}.blog-prose .pull-quote p{margin:0}.blog-prose .blog-accordion{border:1px solid hsl(var(--border));border-radius:.5rem;margin:1.5rem 0;overflow:hidden}.blog-prose .blog-accordion+.blog-accordion{margin-top:.5rem}.blog-prose .blog-accordion summary{cursor:pointer;background:hsl(var(--muted) / .3);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:600;list-style:none;display:flex}.blog-prose .blog-accordion summary::-webkit-details-marker{display:none}.blog-prose .blog-accordion summary:after{content:"+";color:hsl(var(--muted-foreground));font-size:1.25rem;font-weight:400;transition:transform .2s}.blog-prose .blog-accordion[open] summary:after{content:"−"}.blog-prose .blog-accordion[open] summary{border-bottom:1px solid hsl(var(--border))}.blog-prose .blog-accordion .accordion-content{padding:.75rem 1rem}.blog-prose .blog-accordion .accordion-content>:first-child{margin-top:0}.blog-prose .blog-accordion .accordion-content>:last-child{margin-bottom:0}.blog-prose .before-after-container{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.blog-prose .before-panel,.blog-prose .after-panel{border-radius:.5rem;padding:1rem;position:relative}.blog-prose .before-panel{background:hsl(var(--destructive) / .05);border-left:4px solid hsl(var(--destructive))}.blog-prose .after-panel{background:hsl(var(--success) / .05);border-left:4px solid hsl(var(--success))}.blog-prose .before-panel:before,.blog-prose .after-panel:before{text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;margin-bottom:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.blog-prose .before-panel:before{content:"Before";background:hsl(var(--destructive) / .15);color:hsl(var(--destructive))}.blog-prose .after-panel:before{content:"After";background:hsl(var(--success) / .15);color:hsl(var(--success))}.blog-prose .before-panel>:first-child,.blog-prose .after-panel>:first-child{margin-top:0}.blog-prose .before-panel>:last-child,.blog-prose .after-panel>:last-child{margin-bottom:0}.blog-prose>p:first-of-type:first-letter{float:left;color:hsl(var(--foreground));padding-top:.05em;padding-right:.1em;font-size:3.5em;font-weight:700;line-height:.8}.blog-prose hr{border:none;border-top:1px solid hsl(var(--border));width:40%;margin:3rem auto}.blog-prose h2{margin-top:3rem}.blog-prose h3{margin-top:2rem;font-size:1.1rem;font-weight:600}.blog-prose figure{margin:2rem 0}.blog-prose figure img{border:1px solid hsl(var(--border));border-radius:.5rem;width:100%;height:auto}.blog-prose figcaption{text-align:center;color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.875rem}.blog-prose table{-webkit-overflow-scrolling:touch;font-size:.875rem;display:block;overflow-x:auto}.blog-prose th{background:hsl(var(--muted) / .5);border-bottom:2px solid hsl(var(--border));font-weight:600}.blog-prose tr:nth-child(2n){background:hsl(var(--muted) / .3)}.blog-prose pre{overflow-x:auto}.blog-prose pre[class*=language-],.blog-prose code[class*=language-]{color:hsl(var(--foreground));font-size:.875rem}.blog-prose .token.comment,.blog-prose .token.prolog,.blog-prose .token.doctype,.blog-prose .token.cdata,.blog-prose .token.punctuation{color:hsl(var(--muted-foreground))}.blog-prose .token.property,.blog-prose .token.tag,.blog-prose .token.boolean,.blog-prose .token.number,.blog-prose .token.constant,.blog-prose .token.symbol{color:#1773cf}.blog-prose .token.selector,.blog-prose .token.attr-name,.blog-prose .token.string,.blog-prose .token.char,.blog-prose .token.builtin{color:#248f59}.blog-prose .token.operator,.blog-prose .token.entity,.blog-prose .token.url,.blog-prose .token.variable{color:#cf7317}.blog-prose .token.atrule,.blog-prose .token.attr-value,.blog-prose .token.keyword{color:#8033cc}.blog-prose .token.function,.blog-prose .token.class-name{color:#228ec3}.blog-prose .token.regex,.blog-prose .token.important{color:#f2800d}@media (width<=640px){.blog-prose>p:first-of-type:first-letter{font-size:2.8em}.blog-prose h2{margin-top:2rem}.blog-prose h3{margin-top:1.5rem}.blog-prose .before-after-container{grid-template-columns:1fr}.blog-prose .pull-quote{margin:2rem 0;padding:1rem 1.25rem;font-size:1.1rem}}