.blog-post{padding-top:80px;min-height:100vh}.post-header{position:relative;top:auto;left:auto;z-index:auto;backdrop-filter:none;-webkit-backdrop-filter:none;padding:2rem 2rem 1.5rem;background-color:var(--background-dark-alt);border-bottom:1px solid var(--border-color)}.post-header .container{max-width:800px}.back-link{display:inline-block;color:var(--accent-glow);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:opacity .3s ease}.back-link:hover{opacity:.8}.post-header h1{font-size:2.25rem;font-weight:500;line-height:1.3;margin-bottom:.75rem}.post-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem;line-height:1.6}.post-author{color:var(--accent-glow)}.post-image{max-width:1000px;margin:0 auto;padding:2rem}.post-image img{width:100%;border-radius:12px;box-shadow:0 10px 40px #0000004d}.post-content{padding:2.5rem 2rem 3rem;max-width:800px;overflow:visible}.post-content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;padding-top:.5rem;color:var(--text-primary)}.post-content>:first-child{margin-top:0;padding-top:0}.post-content h3{font-size:1.35rem;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary)}.post-content p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.8}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-secondary)}.post-content li{margin-bottom:.5rem;line-height:1.7}.post-content a{color:var(--accent-glow);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.post-content a:hover{border-bottom-color:var(--accent-glow)}.post-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.post-content pre{background:#ffffff0d;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border-color)}.post-content pre code{background:none;padding:0}.post-content blockquote{border-left:3px solid var(--accent-glow);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-secondary)}.post-content table{width:100%;margin-bottom:1.5rem;border-collapse:collapse;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);font-size:.95rem}.post-content thead{background:#0adcfc14}.post-content th{color:var(--text-primary);font-weight:500;text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.post-content td{color:var(--text-secondary);padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04)}.post-content tbody tr:last-child td{border-bottom:none}.post-content tbody tr:hover{background:#ffffff08}.post-content strong{color:var(--text-primary);font-weight:500}.post-content em{font-style:italic}.post-footer{padding:3rem 2rem;max-width:800px;border-top:1px solid var(--border-color)}.post-cta{text-align:center;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid var(--border-color)}.post-cta h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.post-cta p{color:var(--text-secondary);margin-bottom:1.5rem}.sticky-post-header{position:fixed;top:80px;left:0;right:0;z-index:999;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s;background:#161b22eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);pointer-events:none}.sticky-post-header.visible{transform:translateY(0);opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility 0s linear 0s;pointer-events:auto}.sticky-post-header-inner{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 2rem;max-width:800px}.sticky-back-link{color:var(--accent-glow);text-decoration:none;font-size:1.1rem;flex-shrink:0;line-height:1.4;margin-top:.1rem;transition:opacity .3s ease}.sticky-back-link:hover{opacity:.8}.sticky-post-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sticky-post-title{font-size:1.1rem;font-weight:500;line-height:1.3;color:var(--text-primary)}.sticky-post-meta{font-size:.75rem;color:var(--text-secondary);line-height:1.2}@media(max-width:768px){.post-header h1{font-size:1.75rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content table{font-size:.85rem}.post-content th,.post-content td{padding:.5rem .75rem}.sticky-post-header-inner{padding:.5rem 1rem}.sticky-post-title{font-size:.95rem}.sticky-post-meta{font-size:.7rem}}