.blog-detail-container .blog-header{padding:1rem 0 2rem!important;background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)!important;color:#fff!important;position:relative!important;margin:0!important;z-index:1!important;clear:both!important}.blog-detail-container .blog-header .container{max-width:1200px!important;margin:0 auto!important;padding:0 2rem!important;position:relative!important;z-index:2!important}.blog-detail-container .breadcrumbs{display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:1.5rem!important;font-size:.875rem!important;color:rgba(255,255,255,.7)!important;padding-top:0!important;margin-top:0!important}.blog-detail-container .breadcrumbs a{color:rgba(255,255,255,.7)!important;text-decoration:none!important;transition:color .3s!important}.blog-detail-container .breadcrumbs a:hover{color:#fff!important}.blog-detail-container .breadcrumbs .separator{color:rgba(255,255,255,.4)!important}.blog-detail-container .breadcrumbs .current{color:#fff!important}.blog-detail-container .featured-badge{display:inline-block!important;background:rgba(251,191,36,.2)!important;color:#fbbf24!important;padding:.5rem 1rem!important;border-radius:50px!important;font-size:.875rem!important;font-weight:600!important;margin-bottom:1rem!important;margin-top:0!important;border:1px solid rgba(251,191,36,.3)!important}.blog-detail-container .featured-badge i{margin-right:.5rem!important}.blog-detail-container .blog-title,.blog-detail-container h1.blog-title{font-size:2rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:1rem!important;margin-top:0!important;color:#fff!important;max-width:100%!important}.blog-detail-container .blog-subtitle,.blog-detail-container p.blog-subtitle{font-size:1.125rem!important;line-height:1.6!important;color:rgba(255,255,255,.85)!important;margin-bottom:1.5rem!important;margin-top:0!important;max-width:100%!important}.blog-detail-container .blog-meta{display:flex!important;flex-wrap:wrap!important;gap:1.5rem!important;margin-bottom:1.5rem!important;margin-top:0!important;font-size:.9rem!important;color:rgba(255,255,255,.7)!important}.blog-detail-container .meta-item{display:flex!important;align-items:center!important;gap:.5rem!important}.blog-detail-container .meta-item i{color:var(--primary,#3b82f6)!important}.blog-detail-container .blog-tags-header{display:flex!important;flex-wrap:wrap!important;gap:.75rem!important;margin-top:0!important;margin-bottom:0!important}.blog-detail-container .blog-tag{display:inline-block!important;background:rgba(255,255,255,.1)!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:50px!important;font-size:.875rem!important;text-decoration:none!important;transition:.3s!important;border:1px solid rgba(255,255,255,.2)!important}.blog-detail-container .blog-tag:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-2px)!important;color:#fff!important}.blog-detail-container .blog-featured-image{max-width:100%!important;margin:0 0 2rem!important;padding:0!important;position:relative!important;overflow:hidden!important;border-radius:12px!important}.blog-detail-container .blog-featured-image img{width:100%!important;height:auto!important;border-radius:12px!important;display:block!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.blog-detail-container .blog-content-wrapper{padding:3rem 0 5rem!important;background:#f8fafc!important;width:100%!important}.blog-detail-container .blog-content-wrapper .container{max-width:1200px!important;margin:0 auto!important;padding:0 2rem!important;width:100%!important}.blog-detail-container .blog-layout{display:grid!important;grid-template-columns:70% 1fr!important;gap:2rem!important;align-items:start!important;width:100%!important}.blog-sidebar{position:sticky!important;top:100px!important;max-height:none!important;overflow-y:visible!important;padding-right:1rem!important}.blog-detail-container .sidebar-widget{background:#f8fafc!important;border-radius:12px!important;padding:1.5rem!important;margin-bottom:1.5rem!important;border:1px solid #e2e8f0!important;max-width:100%!important;overflow:visible!important}.blog-detail-container .sidebar-widget h3{font-size:1.2rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#1e293b!important;word-wrap:break-word!important;white-space:normal!important}.blog-detail-container .sidebar-widget p{font-size:.85rem!important;line-height:1.5!important;color:#64748b!important;margin-bottom:.75rem!important}.blog-detail-container .newsletter-widget .sidebar-form{display:flex!important;flex-direction:column!important;gap:.75rem!important}.blog-detail-container .sidebar-form .form-input{width:100%!important;padding:.65rem!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:.85rem!important;transition:border-color .3s!important;box-sizing:border-box!important}.blog-detail-container .sidebar-form .form-input:focus{outline:0!important;border-color:var(--primary,#3b82f6)!important}.blog-detail-container .sidebar-form .btn{width:100%!important;padding:.65rem!important;font-size:.85rem!important;box-sizing:border-box!important;white-space:nowrap!important}.blog-detail-container .table-of-contents{background:#f8fafc!important;border-radius:12px!important;padding:1.5rem!important;margin-bottom:1.5rem!important;border:1px solid #e2e8f0!important;overflow:visible!important}.blog-detail-container .table-of-contents h3{font-size:1.1rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#1e293b!important}.toc-list{list-style:none;padding:0;margin:0}.toc-item,.toc-item-sub{margin-bottom:.5rem}.toc-item-sub{margin-left:1rem}.toc-list a{color:#64748b;text-decoration:none;font-size:.9rem;line-height:1.6;transition:color .3s;display:block;padding:.25rem 0}.toc-list a:hover{color:var(--primary,#3b82f6)}.toc-list a.active{color:var(--primary,#3b82f6);font-weight:600}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-tag{display:inline-block;background:#fff;color:#64748b;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;text-decoration:none;transition:.3s;border:1px solid #e2e8f0}.sidebar-tag:hover{background:var(--primary,#3b82f6);color:#fff;transform:translateY(-2px)}.blog-detail-container .cta-widget{background:linear-gradient(135deg,var(--primary,#3b82f6) 0,#2563eb 100%)!important;color:#fff!important}.blog-detail-container .cta-widget h3{color:#fff!important}.blog-detail-container .cta-widget p{color:rgba(255,255,255,.9)!important}.blog-detail-container .cta-widget .btn,.blog-detail-container .cta-widget a.btn{background:#fff!important;color:var(--primary,#3b82f6)!important;width:100%!important;padding:.65rem!important;font-size:.85rem!important;box-sizing:border-box!important;white-space:nowrap!important;display:block!important;text-align:center!important}.blog-detail-container .cta-widget .btn:hover,.blog-detail-container .cta-widget a.btn:hover{background:#f1f5f9!important;color:var(--primary,#3b82f6)!important}.blog-detail-container .blog-main-content{max-width:100%!important;width:100%!important;background:#fff!important;padding:2.5rem!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.blog-detail-container .blog-content{font-size:1.125rem!important;line-height:1.8!important;color:#1e293b!important;padding-bottom:2rem!important}.blog-detail-container .blog-content h1,.blog-detail-container .blog-content h2,.blog-detail-container .blog-content h3,.blog-detail-container .blog-content h4,.blog-detail-container .blog-content h5,.blog-detail-container .blog-content h6{margin-top:2.5rem!important;margin-bottom:1rem!important;line-height:1.3!important;color:#0f172a!important;font-weight:700!important}.blog-detail-container .blog-content h1{font-size:2.25rem!important}.blog-detail-container .blog-content h2{font-size:1.875rem!important;padding-bottom:.5rem!important;border-bottom:2px solid #e2e8f0!important}.blog-detail-container .blog-content h3{font-size:1.5rem!important}.blog-detail-container .blog-content h4{font-size:1.25rem!important}.blog-detail-container .blog-content p{margin-bottom:1.5rem!important;color:#334155!important}.blog-content a{color:var(--primary,#3b82f6);text-decoration:underline;transition:color .3s}.blog-content a:hover{color:#2563eb}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.75rem;line-height:1.8}.blog-content blockquote{border-left:4px solid var(--primary,#3b82f6);margin:2rem 0;font-style:italic;color:#64748b;background:#f8fafc;padding:1.5rem;border-radius:0 8px 8px 0}.blog-content pre{background:#1e293b;color:#f1f5f9;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;position:relative}.blog-content code{font-family:'Courier New',monospace;font-size:.9em}.blog-content pre code{background:0 0;padding:0;border-radius:0;color:inherit}.blog-content :not(pre)>code{background:#f1f5f9;color:#e11d48;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.blog-content td,.blog-content th{padding:.75rem;border:1px solid #e2e8f0;text-align:left}.blog-content th{background:#f8fafc;font-weight:600;color:#1e293b}.blog-content tr:hover{background:#f8fafc}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:.3s}.code-copy-btn:hover{background:rgba(255,255,255,.2)}.external-links-section{margin-top:3rem;padding:2rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.external-links-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1e293b}.external-links-list{list-style:none;padding:0}.external-links-list li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.external-links-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.external-links-list a{color:var(--primary,#3b82f6);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color .3s}.external-links-list a:hover{color:#2563eb}.link-description{color:#64748b;font-size:.9rem;margin-top:.5rem;line-height:1.6}.blog-detail-container .blog-share-section{margin-top:3rem!important;padding-top:2rem!important;border-top:2px solid #e2e8f0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:2rem!important}.blog-detail-container .blog-share-section h3{font-size:1.125rem!important;margin-bottom:0!important;color:#1e293b!important;flex-shrink:0!important}.blog-detail-container .share-buttons{display:flex!important;gap:1rem!important;flex-wrap:wrap!important;align-items:center!important}.share-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;text-decoration:none;transition:.3s;font-size:1.25rem}.share-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0077b5}.share-btn.facebook{background:#1877f2}.share-btn.copy{background:#64748b;border:none;cursor:pointer}.blog-detail-container .back-to-blog{margin-top:0!important;padding-top:0!important;border-top:none!important;flex-shrink:0!important}.blog-detail-container .back-to-blog .btn,.blog-detail-container .back-to-blog a.btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:var(--primary,#3b82f6)!important;color:#fff!important;padding:.75rem 1.5rem!important;border-radius:8px!important;text-decoration:none!important;font-weight:600!important;transition:.3s!important;border:none!important;white-space:nowrap!important}.blog-detail-container .back-to-blog .btn:hover,.blog-detail-container .back-to-blog a.btn:hover{background:#2563eb!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important}.blog-error-state{min-height:60vh;display:flex;align-items:center;justify-content:center}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary,#3b82f6);z-index:9999;transition:width .3s}@media (max-width:1024px){.blog-detail-container .blog-layout{grid-template-columns:240px 1fr!important;gap:2rem!important}.blog-detail-container .blog-sidebar{top:90px!important}}@media (max-width:768px){.blog-detail-container .blog-layout{grid-template-columns:1fr!important;gap:0!important}.blog-detail-container .blog-sidebar{position:static!important;max-height:none!important;padding-right:0!important;margin-top:3rem!important;order:2!important}.blog-detail-container .blog-main-content{order:1!important;padding:1.5rem!important}.blog-detail-container .blog-header{padding:80px 0 2rem!important}.blog-detail-container .blog-header .container{padding:0 1rem!important}.blog-detail-container .blog-title,.blog-detail-container h1.blog-title{font-size:1.5rem!important}.blog-detail-container .blog-subtitle,.blog-detail-container p.blog-subtitle{font-size:1rem!important}.blog-detail-container .blog-featured-image{margin:0 0 1.5rem!important;border-radius:8px!important}.blog-detail-container .blog-content-wrapper{padding:2rem 0 3rem!important}.blog-detail-container .blog-content-wrapper .container{padding:0 1rem!important}.blog-detail-container .blog-content{font-size:1rem!important}.blog-detail-container .blog-content h1{font-size:1.875rem!important}.blog-detail-container .blog-content h2{font-size:1.5rem!important}.blog-detail-container .blog-content h3{font-size:1.25rem!important}.blog-detail-container .blog-content h4{font-size:1.125rem!important}.blog-detail-container .blog-meta{gap:1rem!important;flex-wrap:wrap!important}.blog-detail-container .blog-tags-header{gap:.5rem!important}.blog-detail-container .blog-tag{font-size:.75rem!important;padding:.4rem .75rem!important}.blog-detail-container .share-buttons{justify-content:flex-start!important}.blog-detail-container .blog-share-section{flex-direction:column!important;align-items:flex-start!important;gap:1.5rem!important}.blog-detail-container .back-to-blog{width:100%!important}.blog-detail-container .back-to-blog .btn{width:100%!important;justify-content:center!important}}@media (max-width:480px){.blog-detail-container .blog-header{padding:2rem 0 1.5rem!important}.blog-detail-container .blog-content-wrapper .container,.blog-detail-container .blog-header .container{padding:0 1rem!important}.blog-detail-container .blog-title,.blog-detail-container h1.blog-title{font-size:1.35rem!important}.blog-detail-container .blog-subtitle,.blog-detail-container p.blog-subtitle{font-size:.95rem!important}.blog-detail-container .breadcrumbs{font-size:.75rem!important;gap:.35rem!important}.blog-detail-container .blog-main-content{padding:1rem!important}.blog-detail-container .share-btn{width:45px!important;height:45px!important;font-size:1.1rem!important}.blog-detail-container .sidebar-widget{padding:1rem!important}.blog-detail-container .blog-content{font-size:.95rem!important}.blog-detail-container .blog-meta{font-size:.8rem!important}}