.prose{max-width:100%;width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-bottom:40px}@media (max-width:480px){.prose{padding-left:.75rem;padding-right:.75rem}}.blog-article-inner{max-width:1020px;margin-left:auto;margin-right:auto;width:100%}.prose ol,.prose ul{padding-left:1.5rem}.prose li::marker{color:hsl(var(--primary))}.prose iframe,.prose img,.prose video{display:block;margin-left:auto;margin-right:auto;max-width:100%}.prose>*+*{margin-top:1.5rem}@media (max-width:768px){.prose>*+*{margin-top:1.25rem}}.dark .prose,.light .prose,:root .prose{--text-color:hsl(var(--foreground));--heading-color:hsl(var(--foreground));--blockquote-bg:hsl(var(--card));--blockquote-border:hsl(var(--primary));--code-bg:hsl(var(--muted));--code-color:hsl(var(--muted-foreground));--pre-bg:hsl(var(--card));--pre-color:hsl(var(--card-foreground))}.prose h1,.prose h2,.prose h3{color:var(--heading-color);font-weight:700;margin-top:2rem;margin-bottom:1rem}.prose h1{font-size:2.25rem;line-height:2.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--chart-2)));-webkit-background-clip:text;background-clip:text}.prose h2{font-size:1.875rem;line-height:2.25rem;color:hsl(var(--primary))}.prose h3{font-size:1.5rem;line-height:2rem;color:hsl(var(--chart-2))}@media (max-width:768px){.prose h1{font-size:2rem;line-height:2.25rem}.prose h2{font-size:1.625rem;line-height:2rem}.prose h3{font-size:1.375rem;line-height:1.75rem}}.prose div,.prose li,.prose p{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.prose img{border-radius:.75rem;box-shadow:0 4px 12px hsl(var(--primary)/.1);max-width:100%;height:auto;margin:1.5rem auto;border:1px solid hsl(var(--border))}.prose code{background:var(--code-inline-bg);color:var(--code-inline-color);padding:.2em .4em;border-radius:.375rem;font-size:.95em;font-family:Fira Code,Menlo,Monaco,Consolas,monospace;border:1px solid hsl(var(--border))}.prose pre{background:var(--pre-bg);color:var(--pre-color);padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;border:1px solid hsl(var(--border));box-shadow:0 2px 8px hsl(var(--primary)/.1)}@media (max-width:768px){.prose pre{padding:1rem}}.prose pre code{background:transparent;color:inherit;padding:0;border:none;font-size:.875em}.prose .code-block-scroll-container{max-height:400px}@media (max-width:768px){.prose .code-block-scroll-container{max-height:50vh}}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:hsl(var(--card));border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px hsl(var(--primary)/.1)}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.prose td,.prose th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid hsl(var(--border))}.prose th{background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-weight:600}.prose tbody tr:hover{background:hsl(var(--accent))}.prose ol li,.prose ul li{position:relative;padding-left:.5rem}.prose hr{border:none;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary)),transparent);margin:2rem 0}.prose a,.prose blockquote,.prose code,.prose h1,.prose h2,.prose h3,.prose img,.prose pre{transition:all .3s ease-in-out}.prose .btn,.prose button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.prose .btn:hover,.prose button:hover{background:hsl(var(--chart-2));transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary)/.3)}.prose .alert{padding:1rem;border-radius:.75rem;margin:1.5rem 0;border-left:4px solid}.prose .alert-info{background:hsl(var(--chart-1)/.1);border-left-color:hsl(var(--chart-1));color:hsl(var(--chart-1))}.prose .alert-warning{background:hsl(var(--chart-4)/.1);border-left-color:hsl(var(--chart-4));color:hsl(var(--chart-4))}.prose .alert-success{background:hsl(var(--chart-2)/.1);border-left-color:hsl(var(--chart-2));color:hsl(var(--chart-2))}.prose .alert-error{background:hsl(var(--destructive)/.1);border-left-color:hsl(var(--destructive));color:hsl(var(--destructive))}.prose a{color:var(--primary)!important;text-decoration:underline;transition:color .3s ease,text-decoration-color .3s ease!important}.prose a:visited{color:var(--chart-3)!important;text-decoration-color:var(--chart-3)}.prose a:hover{color:var(--chart-2)!important;text-decoration:underline;text-decoration-color:var(--chart-2);transform:translateY(-1px)!important;text-shadow:0 1px 2px var(--primary) /.2!important}.prose a:active{color:hsl(var(--destructive))!important;text-decoration-color:hsl(var(--destructive))!important}