.blog-content{color:var(--foreground);line-height:1.85}.blog-panel{background-color:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}.dark .blog-panel{background-color:var(--card);border-color:var(--border)}.blog-content p,.dark .blog-content,.light .blog-content{color:var(--foreground)}.blog-content p{margin-bottom:1.5rem;font-size:1rem}.dark .blog-content p,.light .blog-content p{color:var(--foreground)}.blog-content h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:3rem;margin-bottom:1.5rem;line-height:1.2;position:relative;padding-bottom:.5rem}.blog-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:2px}.dark .blog-content h2{background:linear-gradient(135deg,#8b5cf6,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light .blog-content h2{background:linear-gradient(135deg,#7c3aed,#2563eb,#0891b2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-content h3{font-size:1.5rem;font-weight:700;color:#a78bfa;margin-top:2rem;margin-bottom:1rem;line-height:1.3;position:relative;padding-left:1rem}.blog-content h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#8b5cf6,#3b82f6);border-radius:2px}.dark .blog-content h3{color:#a78bfa}.light .blog-content h3{color:#7c3aed}.blog-content h4{font-size:1.25rem;font-weight:600;color:#60a5fa;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.4;position:relative;padding-left:.75rem}.blog-content h4:before{content:"▶";position:absolute;left:0;top:0;color:#3b82f6;font-size:.875rem}.dark .blog-content h4{color:#60a5fa}.light .blog-content h4{color:#2563eb}.blog-content ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem}.blog-content ul li{margin-bottom:.5rem}.blog-content ul li,.dark .blog-content ul li,.light .blog-content ul li{color:var(--foreground)}.blog-content ol{list-style-type:decimal;padding-left:1.5rem;margin-bottom:1.5rem}.blog-content ol li{margin-bottom:.5rem}.blog-content ol li,.blog-content strong,.dark .blog-content ol li,.light .blog-content ol li{color:var(--foreground)}.blog-content strong{font-weight:600}.dark .blog-content strong,.light .blog-content strong{color:var(--foreground)}.blog-content a{color:#8b5cf6;text-decoration:underline;transition:color .2s ease}.blog-content a:hover{color:#a78bfa}.blog-content blockquote{border-left:4px solid hsl(var(--primary));padding-left:1rem;margin:1.5rem 0;font-style:italic;color:hsl(var(--muted-foreground))}.blog-content code{background-color:hsl(var(--muted));padding:.125rem .25rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem;color:hsl(var(--foreground))}.blog-content pre{background-color:hsl(var(--muted));padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:none;padding:0}.blog-content{max-width:none;font-family:system-ui,-apple-system,sans-serif}.blog-content>*+*{margin-top:1.5rem}.blog-content>h2:first-child,.blog-content>h3:first-child,.blog-content>h4:first-child{margin-top:0}