.blog-post-container{max-width:var(--container-medium);margin:0 auto}.back-link{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-primary)}.post-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.post-header .featured-badge{position:static;display:inline-block;padding:.375rem .875rem;background:var(--accent-primary);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.post-header .featured-badge,.post-header h1{color:var(--text-primary);margin-bottom:var(--space-md)}.post-header h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.2;font-weight:700}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);color:var(--text-muted);font-size:.95rem;margin-bottom:var(--space-md)}.post-author{color:var(--text-primary);font-weight:500}.meta-dot{color:var(--border-color)}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.post-tag{padding:.375rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;color:var(--text-secondary);text-decoration:none;text-transform:lowercase;transition:all .2s ease}.post-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.post-content{margin-bottom:4rem}.mdx-h1,.mdx-h2,.mdx-h3{color:var(--text-primary);margin-top:2.5rem;margin-bottom:var(--space-sm);font-weight:600;line-height:1.2}.mdx-h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;border-bottom:2px solid var(--border-color);padding-bottom:var(--space-xs)}.mdx-h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-top:var(--space-xl)}.mdx-h3{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-top:var(--space-lg)}.mdx-p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.mdx-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.mdx-link:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.mdx-ol,.mdx-ul{margin-bottom:1.5rem;padding-left:2rem}.mdx-li{color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}.mdx-li::marker{color:var(--accent-primary)}.mdx-li .mdx-code,.mdx-p .mdx-code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.125rem .5rem;font-size:.9em;color:var(--accent-secondary);font-family:JetBrains Mono,monospace}.mdx-pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}.mdx-pre .mdx-code{background:none;border:none;padding:0;color:var(--text-primary);font-size:.9rem;line-height:1.6;font-family:JetBrains Mono,monospace}.mdx-pre .hljs-comment{color:#6b7280;font-style:italic}.mdx-pre .hljs-built_in,.mdx-pre .hljs-keyword,.mdx-pre .hljs-selector-tag{color:#818cf8}.mdx-pre .hljs-attr,.mdx-pre .hljs-string{color:#34d399}.mdx-pre .hljs-literal,.mdx-pre .hljs-number{color:#fbbf24}.mdx-pre .hljs-function,.mdx-pre .hljs-title{color:#60a5fa}.mdx-pre .hljs-meta{color:#f472b6}.mdx-blockquote{border-left:3px solid var(--accent-primary);padding-left:1.5rem;margin:2rem 0;color:var(--text-secondary);font-style:italic}.mdx-blockquote .mdx-p{margin-bottom:.5rem}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.post-footer-content{margin-bottom:2rem}.share-section{margin-top:2rem}.share-label{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem}.share-buttons{display:flex;gap:.75rem}.share-btn{padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--border-color)}.share-btn.twitter{background:transparent;color:var(--text-primary)}.share-btn.twitter:hover{background:var(--social-twitter);border-color:var(--social-twitter);color:white}.share-btn.linkedin{background:transparent;color:var(--text-primary)}.share-btn.linkedin:hover{background:var(--social-linkedin);border-color:var(--social-linkedin);color:white}.post-disclaimer{margin-top:2.5rem;padding:1.25rem;background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-sm)}.post-disclaimer p{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0;line-height:1.6}.back-to-blog-btn{display:inline-flex;align-items:center;padding:.875rem 1.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.95rem;transition:all .2s ease}.back-to-blog-btn:hover{border-color:var(--accent-primary);background:rgba(99,102,241,.1)}@media (max-width:768px){.mdx-pre{padding:var(--space-sm);font-size:.85rem}.share-buttons{flex-direction:column}.share-btn{text-align:center}}@media (max-width:480px){.post-meta{font-size:.85rem}.mdx-ol,.mdx-ul{padding-left:1.5rem}}.code-block-wrapper{position:relative;margin:var(--space-md) 0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem var(--space-sm);background:var(--overlay-black);border-bottom:1px solid var(--border-color)}.code-language{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:500;letter-spacing:.05em;font-family:JetBrains Mono,monospace}.copy-button{display:flex;align-items:center;gap:var(--space-xs);padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);font-family:Inter,sans-serif}.copy-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.copy-button svg{flex-shrink:0}.code-block-wrapper pre{margin:0;padding:var(--space-md);overflow-x:auto;background:transparent!important;border:none!important;border-radius:0!important}.code-block-wrapper pre code.hljs{background:transparent!important;padding:0!important}.code-block-wrapper pre::-webkit-scrollbar{height:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:var(--overlay-black);border-radius:0 0 var(--radius-md) var(--radius-md)}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (max-width:768px){.code-block-header{padding:.625rem .875rem}.code-language{font-size:.7rem}.copy-button{padding:.3rem .625rem;font-size:.75rem}.code-block-wrapper pre{padding:var(--space-sm);font-size:.85rem}}.reading-progress-container{position:fixed;top:80px;left:0;right:0;height:3px;background:transparent;z-index:100;pointer-events:none}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .1s ease-out;box-shadow:0 0 8px rgba(99,102,241,.5)}@media (max-width:768px){.reading-progress-container{height:2px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}