.blog-detail-container{min-height:100vh;background:var(--bg-primary);padding-top:100px}.blog-detail-header{padding:32px 0;border-bottom:1px solid var(--border-subtle)}.back-button{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s ease}.back-button:hover{color:var(--text-primary);gap:12px}.blog-detail-article{padding:60px 0}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-subtle)}.article-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--text-primary);margin-bottom:24px;line-height:1.2;letter-spacing:-.02em}.article-meta{gap:24px;flex-wrap:wrap;font-size:.95rem;color:var(--text-muted)}.article-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:8px}.meta-icon{font-size:.875rem;color:var(--accent-blue)}.article-content{margin-bottom:60px}.prose{color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.prose h2{font-size:2rem;font-weight:700;margin:48px 0 24px;letter-spacing:-.01em;line-height:1.3}.prose h2,.prose h3{color:var(--text-primary)}.prose h3{font-size:1.5rem;font-weight:600;margin:36px 0 20px;line-height:1.4}.prose p{margin-bottom:24px;line-height:1.8}.prose a{color:var(--accent-blue);text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.prose a:hover{color:#60a5fa;border-bottom-color:#60a5fa}.prose ol,.prose ul{margin:24px 0;padding-left:32px}.prose li{margin-bottom:12px;line-height:1.7}.prose strong{color:var(--text-primary);font-weight:600}.prose blockquote{border-left:4px solid var(--accent-blue);padding:20px 24px;margin:32px 0;background:rgba(59,130,246,.05);border-radius:0 12px 12px 0;font-style:italic;color:var(--text-primary)}.prose code{padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--accent-cyan);border:1px solid var(--border-subtle)}.prose code,.prose pre{background:var(--bg-card)}.prose pre{padding:20px;border-radius:12px;overflow-x:auto;margin:24px 0;border:1px solid var(--border-subtle)}.prose pre code{background:none;padding:0;color:var(--text-secondary);border:none}.blog-navigation{padding:60px 0 80px;border-top:1px solid var(--border-subtle)}.navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}.nav-link{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.nav-link:hover{border-color:var(--border-medium);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.nav-link-prev{text-align:left}.nav-link-next{text-align:right}.nav-direction{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.nav-icon{font-size:.75rem;color:var(--accent-blue)}.nav-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}.back-to-blogs{text-align:center}.back-button-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s ease}.back-button-secondary:hover{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary);gap:12px}.blog-not-found{text-align:center;padding:100px 24px}.blog-not-found h1{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:16px}.blog-not-found p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:32px}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-detail-container{padding-top:80px}.blog-detail-header{padding:24px 0}.blog-detail-article{padding:40px 0}.article-header{margin-bottom:32px;padding-bottom:24px}.article-title{font-size:1.75rem}.article-meta{flex-direction:column;align-items:flex-start;gap:12px}.prose{font-size:1rem}.prose h2{font-size:1.5rem;margin:36px 0 20px}.prose h3{font-size:1.25rem;margin:28px 0 16px}.navigation-grid{grid-template-columns:1fr;gap:24px}.blog-navigation{padding:40px 0 60px}}@media (max-width:480px){.blog-detail-container{padding-top:70px}.article-title{font-size:1.5rem}.prose h2{font-size:1.3rem}.prose h3{font-size:1.1rem}.nav-link{padding:20px}.nav-title{font-size:1rem}}