.blog-page{padding:8rem 0 var(--space-4xl)}.blog-page .section-header{margin-bottom:var(--space-4xl)}.blog-page .section-header h1{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.blog-empty{text-align:center;padding:var(--space-4xl)0;color:var(--color-text-muted);font-size:1.125rem}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);color:inherit;transform:translateY(-4px)}.blog-card-image{aspect-ratio:16/9;background:var(--color-surface);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:.8125rem;display:flex}.blog-card-category{background:var(--color-primary-glow);color:var(--color-primary-light);border-radius:var(--radius-full);text-transform:capitalize;padding:.125rem .5rem;font-weight:600}.blog-card-content h2{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.35}.blog-card-content p{color:var(--color-text-secondary);flex:1;font-size:.9375rem;line-height:1.6}.blog-article{padding:8rem 0 var(--space-4xl)}.blog-article-header{max-width:720px;margin:0 auto var(--space-3xl);text-align:center}.blog-article-header h1{margin-bottom:var(--space-lg);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2}.blog-article-meta{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--color-text-muted);font-size:.9375rem;display:flex}.blog-article-hero{max-width:800px;margin:0 auto var(--space-3xl);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 40px #0000004d}.blog-article-hero-img{width:100%;height:auto;display:block}.blog-article-body{max-width:720px;margin:0 auto}.mdx-content{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.8}.mdx-content h2{color:var(--color-text);margin-top:var(--space-3xl);margin-bottom:var(--space-lg);font-size:1.625rem;font-weight:700}.mdx-content h3{color:var(--color-text);margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:600}.mdx-content p{margin-bottom:var(--space-lg)}.mdx-content strong{color:var(--color-text);font-weight:600}.mdx-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.mdx-content a:hover{color:var(--color-primary-light)}.mdx-content ul,.mdx-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.mdx-content li{margin-bottom:var(--space-sm)}.mdx-content blockquote{border-left:3px solid var(--color-primary);padding:var(--space-md)var(--space-xl);margin:var(--space-xl)0;background:var(--color-primary-glow);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text);font-style:italic}.mdx-content code{border-radius:var(--radius-sm);background:#ffffff0f;padding:.15rem .4rem;font-size:.9em}.mdx-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);overflow-x:auto}.mdx-content pre code{background:0 0;padding:0}.mdx-content table{border-collapse:collapse;width:100%;margin-bottom:var(--space-lg);font-size:.9375rem}.mdx-content th,.mdx-content td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.mdx-content th{color:var(--color-text);background:var(--color-bg-card);font-weight:600}.mdx-content img{border-radius:var(--radius-lg);margin:var(--space-xl)0}.blog-cta-box{background:linear-gradient(135deg,#f9731614,var(--color-bg-card));border-radius:var(--radius-xl);padding:var(--space-2xl);margin:var(--space-3xl)0;text-align:center;border:1px solid #f9731633}.blog-cta-box h3{color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.375rem;font-weight:700}.blog-cta-box p{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}