.blog-detail-page{background:#f8fafc}.breadcrumb-section{background:white;padding:20px 0;border-bottom:1px solid #e5e7eb}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#6b7280}.breadcrumb a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#1d4ed8}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#374151;font-weight:500}.article-header{background:linear-gradient(135deg,#1e293b,#334155);color:white;padding:60px 0}.article-header-content{max-width:800px;margin:0 auto;text-align:center}.article-meta{display:flex;justify-content:center;gap:20px;margin-bottom:20px;font-size:.9rem}.article-category{background:#3b82f6;color:white;padding:6px 12px;border-radius:20px;font-weight:500}.article-date{color:#cbd5e1;display:flex;align-items:center}.article-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#ffffff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-excerpt{font-size:1.2rem;opacity:.9;line-height:1.6;margin-bottom:20px}.article-author{color:#cbd5e1;font-style:italic}.article-featured-image{margin-top:40px;text-align:center}.article-featured-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.2);border:3px solid rgba(255,255,255,.1)}.article-main{padding:60px 0}.article-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:40px;gap:40px;align-items:start}.article-content{background:white;border-radius:12px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.article-body{line-height:1.8;color:#374151}.article-body h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.4rem;font-weight:600;color:#1f2937;margin:30px 0 15px}.article-body h4{font-size:1.2rem;font-weight:600;color:#374151;margin:25px 0 10px}.article-body p{margin-bottom:20px;text-align:justify}.article-body ol,.article-body ul{margin:20px 0;padding-left:30px}.article-body li{margin-bottom:10px}.article-body strong{color:#1f2937;font-weight:600}.article-body blockquote{background:#f1f5f9;border-left:4px solid #3b82f6;padding:20px;margin:30px 0;font-style:italic;border-radius:0 8px 8px 0}.article-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}.article-body pre{background:#1f2937;color:#e5e7eb;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.article-body pre code{background:none;padding:0;color:inherit}.article-footer{margin-top:40px;padding-top:30px;border-top:2px solid #e5e7eb}.article-tags{margin-bottom:30px}.tags-label{font-weight:600;color:#374151;margin-right:15px}.tags-list{display:inline-flex;flex-wrap:wrap;gap:8px}.tag{background:#e5e7eb;color:#374151;padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:500}.article-share{display:flex;align-items:center;gap:15px}.share-label{font-weight:600;color:#374151}.share-buttons{display:flex;gap:10px}.share-btn{padding:8px 15px;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.share-btn.facebook{background:#1877f2;color:white}.share-btn.twitter{background:#1da1f2;color:white}.share-btn.linkedin{background:#0077b5;color:white}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.article-sidebar{position:-webkit-sticky;position:sticky;top:100px}.sidebar-section{background:white;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.related-posts{space-y:15px}.related-post{padding-bottom:15px;border-bottom:1px solid #e5e7eb;margin-bottom:15px}.related-post:last-child{border-bottom:none;margin-bottom:0}.related-post h4{font-size:.9rem;line-height:1.4;margin-bottom:5px}.related-post h4 a{color:#374151;text-decoration:none;transition:color .3s ease}.related-post h4 a:hover{color:#3b82f6}.related-post-date{font-size:.8rem;color:#9ca3af}.category-list{list-style:none}.category-list li{margin-bottom:8px}.category-list a{display:block;padding:8px 12px;color:#6b7280;text-decoration:none;border-radius:6px;transition:all .3s ease;font-weight:500}.category-list a:hover{background:#3b82f6;color:white;transform:translateX(5px)}.consultation-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:20px;border-radius:10px;text-align:center}.consultation-cta p{margin-bottom:15px;font-size:.9rem;line-height:1.5}.consultation-cta .btn{background:white;color:#3b82f6;font-size:.9rem;padding:8px 16px}.consultation-cta .btn:hover{background:#f1f5f9;transform:translateY(-1px)}.article-navigation{background:white;padding:30px 0;border-top:1px solid #e5e7eb}.nav-links{display:flex;justify-content:space-between;align-items:center}.nav-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#1d4ed8}.nav-actions .btn{padding:10px 20px}@media (max-width:1024px){.article-layout{grid-template-columns:1fr 250px;gap:30px}.article-content{padding:30px}}@media (max-width:768px){.article-header{padding:40px 0}.article-title{font-size:2rem}.article-featured-image{margin-top:30px}.article-featured-image img{border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{order:2;position:static}.article-content{order:1;padding:25px}.article-meta,.article-share{flex-direction:column;gap:10px}.article-share{align-items:flex-start}.share-buttons{flex-wrap:wrap}.nav-links{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.article-title{font-size:1.6rem}.article-content{padding:20px}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.2rem}.breadcrumb{font-size:.8rem}.breadcrumb-current{display:none}}.markdown-content{line-height:1.6;color:#333;font-size:16px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-content h1{font-size:2em}.markdown-content h1,.markdown-content h2{border-bottom:1px solid #eaecef;padding-bottom:8px}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.25em}.markdown-content h4{font-size:1em}.markdown-content h5{font-size:.875em}.markdown-content h6{font-size:.85em;color:#656d76}.markdown-content p{margin-bottom:16px}.markdown-content a{color:#0969da;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content code{background-color:#f6f8fa;border-radius:6px;padding:2px 6px;font-size:85%;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.markdown-content pre{background-color:#f6f8fa;border-radius:6px;padding:16px;overflow:auto;margin-bottom:16px}.markdown-content pre code{background-color:transparent;padding:0;font-size:85%}.markdown-content blockquote{border-left:4px solid #d0d7de;padding:8px 16px;margin:16px 0;color:#656d76;background-color:#f6f8fa;border-radius:4px}.markdown-content ol,.markdown-content ul{padding-left:2em;margin-bottom:16px}.markdown-content li{margin-bottom:8px}.markdown-content li>ol,.markdown-content li>ul{margin-bottom:0;margin-top:8px}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content del{text-decoration:line-through}.markdown-content img{max-width:100%;height:auto;border-radius:6px;margin:16px 0}.markdown-content hr{border:none;border-top:1px solid #e1e4e8;margin:24px 0}.mdx-editor-wrapper{position:relative;display:flex;align-items:center;padding:calc(var(--base) * .9) var(--base);background:transparent;border:1px dotted var(--theme-elevation-400);border-radius:var(--style-radius-s);height:100%;width:100%;box-shadow:0 0 0 0 transparent;transition:all .1s cubic-bezier(0,.2,.2,1)}.mdxeditor-toolbar{border-bottom:2px solid var(--editor-border)!important;background-color:var(--editor-toolbar-bg)!important}