:root{--blog-text-primary:#0f172a;--blog-text-secondary:#475569;--blog-text-muted:#64748b;--blog-accent:#3b82f6;--blog-accent-light:#3b82f614;--blog-accent-border:#3b82f626;--blog-surface:#fff;--blog-surface-alt:#f8fafc;--blog-border:#e2e8f0;--blog-border-light:#f1f5f9;--blog-radius-sm:.5rem;--blog-radius-md:1rem;--blog-radius-lg:1.5rem;--blog-radius-xl:2rem;--blog-shadow-sm:0 1px 3px #0000000a;--blog-shadow-md:0 4px 16px #0000000f;--blog-shadow-lg:0 12px 40px #00000014;--blog-shadow-xl:0 20px 60px #0000001a;--blog-transition:.3s cubic-bezier(.4, 0, .2, 1)}body{background-color:#fff!important;background-image:none!important}.blog-reading-progress{z-index:9999;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:0 2px 2px 0;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 10px #3b82f666}.blog-hero{text-align:center;padding:5rem 1.5rem 3.5rem;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.blog-hero-badge{background:var(--blog-accent-light);border:1px solid var(--blog-accent-border);color:var(--blog-accent);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem 1.25rem;font-size:.75rem;font-weight:700;animation:.6s ease-out blog-fadeInUp;display:inline-flex}.blog-hero-title{color:var(--blog-text-primary);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.15;animation:.6s ease-out .1s both blog-fadeInUp}.blog-hero-subtitle{color:var(--blog-text-muted);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.75;animation:.6s ease-out .2s both blog-fadeInUp}.blog-featured{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius-xl);transition:var(--blog-transition);box-shadow:var(--blog-shadow-sm);color:inherit;grid-template-columns:1.1fr 1fr;min-height:380px;margin-bottom:4rem;text-decoration:none;display:grid;overflow:hidden}.blog-featured:hover{box-shadow:var(--blog-shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.blog-featured-image-wrapper{min-height:380px;position:relative;overflow:hidden}.blog-featured-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.blog-featured:hover .blog-featured-image-wrapper img{transform:scale(1.03)}.blog-featured-placeholder{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.blog-featured-body{flex-direction:column;justify-content:center;padding:3rem;display:flex}.blog-featured-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.blog-featured-badge{background:var(--blog-accent-light);color:var(--blog-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.3rem .85rem;font-size:.7rem;font-weight:700}.blog-featured-date{color:var(--blog-text-muted);font-size:.85rem;font-weight:500}.blog-featured-title{color:var(--blog-text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.3}.blog-featured-excerpt{color:var(--blog-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:2rem;font-size:1rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-featured-author{align-items:center;gap:.85rem;margin-top:auto;display:flex}.blog-featured-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.blog-featured-author-name{color:var(--blog-text-primary);font-size:.9rem;font-weight:700}.blog-featured-author-role{color:var(--blog-text-muted);font-size:.8rem}.blog-section-header{margin-bottom:2.5rem}.blog-section-title{color:var(--blog-text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card{color:inherit;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius-lg);transition:var(--blog-transition);box-shadow:var(--blog-shadow-sm);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--blog-shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.blog-card-image-wrapper{aspect-ratio:16/10;background:var(--blog-border-light);position:relative;overflow:hidden}.blog-card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image-wrapper img{transform:scale(1.04)}.blog-card-image-placeholder{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.blog-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-meta{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.blog-card-category{color:var(--blog-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.blog-card-dot{color:#cbd5e1;font-size:.7rem}.blog-card-date{color:var(--blog-text-muted);font-size:.8rem}.blog-card-title{color:var(--blog-text-primary);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.65rem;font-size:1.15rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--blog-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--blog-border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.blog-card-readtime{color:var(--blog-text-muted);font-size:.8rem;font-weight:500}.blog-card-link{color:var(--blog-accent);transition:gap var(--blog-transition);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.blog-card:hover .blog-card-link{gap:.6rem}.blog-load-more-wrapper{text-align:center;margin-top:3.5rem}.blog-load-more{background:var(--blog-surface);color:var(--blog-text-secondary);border:1px solid var(--blog-border);cursor:pointer;transition:var(--blog-transition);box-shadow:var(--blog-shadow-sm);border-radius:999px;padding:.85rem 2.5rem;font-family:inherit;font-size:.9rem;font-weight:600}.blog-load-more:hover{background:var(--blog-surface-alt);box-shadow:var(--blog-shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.blog-empty{text-align:center;padding:5rem 2rem}.blog-empty-icon{opacity:.4;margin-bottom:1.5rem;font-size:3rem}.blog-empty-text{color:var(--blog-text-muted);margin-bottom:1.5rem;font-size:1.05rem}.blog-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-skeleton-card{border-radius:var(--blog-radius-lg);background:var(--blog-surface);border:1px solid var(--blog-border);overflow:hidden}.blog-skeleton-image{aspect-ratio:16/10;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite blog-shimmer}.blog-skeleton-body{padding:1.5rem}.blog-skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;height:14px;margin-bottom:.75rem;animation:1.5s ease-in-out infinite blog-shimmer}.blog-skeleton-line:first-child{width:40%;height:10px}.blog-skeleton-line:nth-child(2){width:90%;height:18px}.blog-skeleton-line:nth-child(3){width:100%}.blog-skeleton-line:nth-child(4){width:75%}.blog-article{max-width:1280px;margin:0 auto;padding:0 1.5rem}.blog-article-header{text-align:center;max-width:800px;margin:0 auto;padding:4rem 0 3rem}.blog-article-back{color:var(--blog-text-muted);background:var(--blog-surface-alt);border:1px solid var(--blog-border);transition:var(--blog-transition);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-article-back:hover{color:var(--blog-text-primary);background:var(--blog-surface);box-shadow:var(--blog-shadow-sm);border-color:#cbd5e1}.blog-article-category{background:var(--blog-accent-light);color:var(--blog-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.blog-article-title{color:var(--blog-text-primary);letter-spacing:-.03em;max-width:900px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.blog-article-meta{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.blog-article-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f640}.blog-article-meta-text{text-align:left}.blog-article-author-name{color:var(--blog-text-primary);font-size:.95rem;font-weight:700}.blog-article-date{color:var(--blog-text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.blog-article-hero-image{border-radius:var(--blog-radius-xl);width:100%;max-width:800px;box-shadow:var(--blog-shadow-lg);border:1px solid var(--blog-border);object-fit:cover;max-height:520px;margin:0 auto 3.5rem;display:block}.blog-article-layout{max-width:800px;margin:0 auto;position:relative}.blog-article-main{width:100%}.blog-article-sidebar{width:240px;height:100%;margin-left:3rem;position:absolute;top:0;left:100%}.blog-toc{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius-md);box-shadow:var(--blog-shadow-sm);padding:1.5rem;position:sticky;top:100px}.blog-toc-title{text-transform:uppercase;letter-spacing:.1em;color:var(--blog-text-muted);border-bottom:1px solid var(--blog-border);margin-bottom:1rem;padding-bottom:.75rem;font-size:.7rem;font-weight:700}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-item{margin-bottom:.35rem}.blog-toc-link{color:var(--blog-text-muted);border-radius:var(--blog-radius-sm);transition:var(--blog-transition);text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #0000;padding:.35rem .65rem;font-size:.8rem;font-weight:500;line-height:1.4;text-decoration:none;display:block;overflow:hidden}.blog-toc-link:hover{color:var(--blog-text-primary);background:var(--blog-surface-alt)}.blog-toc-link.active{color:var(--blog-accent);background:var(--blog-accent-light);border-left-color:var(--blog-accent);font-weight:600}.blog-toc-link[data-level="3"]{padding-left:1.25rem;font-size:.75rem}.blog-prose{color:var(--blog-text-secondary);letter-spacing:.01em;max-width:768px;font-family:Outfit,sans-serif;font-size:1.1rem;line-height:1.85}.blog-prose h1{color:var(--blog-text-primary);letter-spacing:-.03em;margin:3.5rem 0 1.5rem;font-size:2.25rem;font-weight:800;line-height:1.2}.blog-prose h2{color:var(--blog-text-primary);letter-spacing:-.02em;border-bottom:1px solid var(--blog-border);margin:3rem 0 1.25rem;padding-bottom:.75rem;font-size:1.75rem;font-weight:800;line-height:1.25}.blog-prose h3{color:#1e293b;margin:2.5rem 0 1rem;font-size:1.35rem;font-weight:700;line-height:1.35}.blog-prose h4{color:#1e293b;margin:2rem 0 .75rem;font-size:1.15rem;font-weight:700;line-height:1.4}.blog-prose h5,.blog-prose h6{color:var(--blog-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:1.5rem 0 .75rem;font-size:1rem;font-weight:700}.blog-prose>h2:first-child,.blog-prose>h3:first-child{margin-top:0}.blog-prose p{margin-bottom:1.75rem}.blog-prose p:last-child{margin-bottom:0}.blog-prose strong{color:var(--blog-text-primary);font-weight:700}.blog-prose em{font-style:italic}.blog-prose a{color:var(--blog-accent);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #3b82f64d;text-decoration:underline #3b82f64d;text-decoration-thickness:1.5px;transition:all .2s}.blog-prose a:hover{-webkit-text-decoration-color:var(--blog-accent);text-decoration-color:var(--blog-accent);color:#2563eb}.blog-prose ul{margin-bottom:2rem;padding-left:1.5rem;list-style:none}.blog-prose ul li{margin-bottom:.75rem;padding-left:.25rem;line-height:1.75;position:relative}.blog-prose ul li:before{content:"•";color:var(--blog-accent);font-size:1.2rem;font-weight:800;position:absolute;top:-.1em;left:-1.25rem}.blog-prose ol{counter-reset:blog-ol-counter;margin-bottom:2rem;padding-left:0;list-style:none}.blog-prose ol li{margin-bottom:1.25rem;padding-left:2.75rem;line-height:1.75;position:relative}.blog-prose ol li:before{counter-increment:blog-ol-counter;content:counter(blog-ol-counter);background:var(--blog-accent-light);border:1px solid var(--blog-accent-border);width:1.75rem;height:1.75rem;color:var(--blog-accent);box-shadow:var(--blog-shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:.15em;left:0}.blog-faq-accordion{flex-direction:column;gap:1.25rem;margin:3.5rem 0;display:flex}.blog-faq-item{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius-md);transition:all var(--blog-transition);overflow:hidden}.blog-faq-item:hover{box-shadow:var(--blog-shadow-sm);border-color:#cbd5e1}.blog-faq-item[open]{border-color:var(--blog-accent-border);box-shadow:var(--blog-shadow-md)}.blog-faq-question{color:var(--blog-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--blog-transition);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.blog-faq-question::-webkit-details-marker{display:none}.blog-faq-question:after{content:"+";color:var(--blog-text-muted);transition:transform var(--blog-transition);font-size:1.25rem;font-weight:400}.blog-faq-item[open] .blog-faq-question:after{content:"−";color:var(--blog-accent);transform:rotate(180deg)}.blog-faq-answer{color:var(--blog-text-secondary);border-top:1px solid var(--blog-border-light);padding:1rem 1.5rem 1.5rem;font-size:.975rem;line-height:1.75}.blog-faq-answer p{margin:0}.blog-callout-box{background:var(--blog-surface-alt);border:1px solid var(--blog-border);border-left:4px solid var(--blog-accent);border-radius:var(--blog-radius-md);box-shadow:var(--blog-shadow-sm);margin:3rem 0;padding:2rem}.blog-callout-title{color:var(--blog-text-primary);font-size:1.25rem;font-weight:800;border-bottom:none!important;margin-top:0!important;margin-bottom:1.25rem!important;padding-bottom:0!important}.blog-callout-box p{color:var(--blog-text-secondary);font-size:.975rem;line-height:1.65;margin-bottom:1rem!important}.blog-callout-box p:last-child{margin-bottom:0!important}.blog-callout-box p strong{color:var(--blog-accent);margin-top:1.25rem;margin-bottom:.25rem;font-size:1.05rem;display:block}.blog-callout-box p:first-of-type strong{margin-top:0}.blog-callout-list{margin-bottom:0!important;padding-left:1.25rem!important}.blog-callout-list li{font-size:.95rem;margin-bottom:.5rem!important}.blog-prose ul ul,.blog-prose ol ol,.blog-prose ul ol,.blog-prose ol ul{margin-top:.5rem;margin-bottom:.5rem}.blog-prose blockquote{border-left:4px solid var(--blog-accent);background:linear-gradient(to right, var(--blog-accent-light), transparent);border-radius:0 var(--blog-radius-md) var(--blog-radius-md) 0;color:#1e293b;margin:2.5rem 0;padding:1.25rem 1.75rem;font-size:1.15rem;font-style:italic;line-height:1.75}.blog-prose blockquote p{margin-bottom:0}.blog-prose blockquote p+p{margin-top:1rem}.blog-prose code{color:#e11d48;word-break:break-word;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.3rem;padding:.2rem .45rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em}.blog-prose pre{color:#e2e8f0;border-radius:var(--blog-radius-md);box-shadow:var(--blog-shadow-md);tab-size:2;background:#0f172a;border:1px solid #1e293b;margin:2.5rem 0;padding:1.5rem 1.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.blog-prose pre code{color:inherit;font-size:inherit;background:0 0;border:none;border-radius:0;padding:0}.blog-prose img{border-radius:var(--blog-radius-md);max-width:100%;height:auto;box-shadow:var(--blog-shadow-md);border:1px solid var(--blog-border);margin:2.5rem 0}.blog-prose hr{background:var(--blog-border);border:none;height:1px;margin:3rem 0}.blog-prose table{border-collapse:collapse;border-radius:var(--blog-radius-md);border:1px solid var(--blog-border);width:100%;margin:2.5rem 0;font-size:.95rem;overflow:hidden}.blog-prose thead{background:var(--blog-surface-alt)}.blog-prose th{text-align:left;color:var(--blog-text-primary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--blog-border);padding:.85rem 1.25rem;font-size:.85rem;font-weight:700}.blog-prose td{border-bottom:1px solid var(--blog-border-light);color:var(--blog-text-secondary);padding:.85rem 1.25rem}.blog-prose tbody tr:last-child td{border-bottom:none}.blog-prose tbody tr:hover{background:var(--blog-surface-alt)}.blog-prose .ql-align-center{text-align:center}.blog-prose .ql-align-right{text-align:right}.blog-prose .ql-align-justify{text-align:justify}.blog-prose .ql-indent-1{padding-left:2rem}.blog-prose .ql-indent-2{padding-left:4rem}.blog-prose .ql-indent-3{padding-left:6rem}.blog-prose .ql-indent-4{padding-left:8rem}.blog-prose .ql-indent-5{padding-left:10rem}.blog-prose .ql-indent-6{padding-left:12rem}.blog-prose .ql-indent-7{padding-left:14rem}.blog-prose .ql-indent-8{padding-left:16rem}.blog-prose .ql-video{aspect-ratio:16/9;border-radius:var(--blog-radius-md);border:1px solid var(--blog-border);width:100%;margin:2.5rem 0}.blog-share{border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);align-items:center;gap:.75rem;margin:3rem 0;padding:2.5rem 0;display:flex}.blog-share-label{color:var(--blog-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.5rem;font-size:.8rem;font-weight:700}.blog-share-btn{border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-text-secondary);cursor:pointer;transition:var(--blog-transition);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent);background:var(--blog-accent-light);box-shadow:var(--blog-shadow-sm)}.blog-share-btn.copied{color:#10b981;background:#10b98114;border-color:#10b981}.blog-author-card{background:var(--blog-surface-alt);border:1px solid var(--blog-border);border-radius:var(--blog-radius-lg);align-items:center;gap:1.25rem;margin-bottom:3rem;padding:2rem;display:flex}.blog-author-card-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 6px 16px #3b82f633}.blog-author-card-name{color:var(--blog-text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:800}.blog-author-card-bio{color:var(--blog-text-muted);font-size:.9rem;line-height:1.6}.blog-cta-banner{border-radius:var(--blog-radius-xl);text-align:center;border:1px solid var(--blog-border);background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 50%,#f8fafc 100%);margin-top:4rem;padding:4rem 2.5rem;position:relative;overflow:hidden}.blog-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.blog-cta-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-40%;left:-10%}.blog-cta-title{color:var(--blog-text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;position:relative}.blog-cta-subtitle{color:var(--blog-text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.6;position:relative}.blog-cta-btn{border-radius:var(--blog-radius-sm);color:#fff;transition:var(--blog-transition);background:linear-gradient(135deg,#10b981,#3b82f6);align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 4px 16px #10b98140}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.blog-related{border-top:1px solid var(--blog-border);margin-top:4rem;padding-top:3rem}.blog-related-title{color:var(--blog-text-primary);letter-spacing:-.02em;margin-bottom:2rem;font-size:1.35rem;font-weight:800}.blog-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.blog-related-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--blog-radius-md);color:inherit;transition:var(--blog-transition);gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.blog-related-card:hover{box-shadow:var(--blog-shadow-sm);border-color:#cbd5e1;transform:translateY(-1px)}.blog-related-card-image{border-radius:var(--blog-radius-sm);object-fit:cover;background:var(--blog-border-light);flex-shrink:0;width:80px;height:80px}.blog-related-card-body{flex:1;min-width:0}.blog-related-card-title{color:var(--blog-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-related-card-date{color:var(--blog-text-muted);font-size:.75rem}@keyframes blog-fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.blog-article-sidebar{display:none}}@media (max-width:768px){.blog-hero{padding:3.5rem 1rem 2.5rem}.blog-featured{grid-template-columns:1fr;min-height:auto}.blog-featured-image-wrapper{min-height:220px}.blog-featured-body{padding:2rem}.blog-featured-title{font-size:1.5rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-article-header{padding:2.5rem 0 2rem}.blog-article-hero-image{border-radius:var(--blog-radius-md);margin-bottom:2.5rem}.blog-prose{font-size:1rem}.blog-prose h2{margin:2.5rem 0 1rem;font-size:1.5rem}.blog-prose h3{margin:2rem 0 .75rem;font-size:1.2rem}.blog-prose pre{border-radius:var(--blog-radius-sm);padding:1rem 1.25rem;font-size:.85rem}.blog-prose blockquote{margin:2rem 0;padding:1rem 1.25rem;font-size:1.05rem}.blog-share{flex-wrap:wrap;gap:.5rem;padding:1.75rem 0}.blog-author-card{text-align:center;flex-direction:column;padding:1.5rem}.blog-cta-banner{padding:3rem 1.5rem}.blog-cta-title{font-size:1.5rem}.blog-related-grid,.blog-skeleton-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-hero-title,.blog-article-title{font-size:1.75rem}.blog-featured-body{padding:1.5rem}.blog-card-body{padding:1.25rem}.blog-prose{font-size:.95rem;line-height:1.8}.blog-prose h2{font-size:1.35rem}.blog-prose ul,.blog-prose ol{padding-left:1.25rem}.blog-prose table{font-size:.85rem}.blog-prose th,.blog-prose td{padding:.6rem .85rem}}