.blog-post-page{min-height:100svh}.blog-post-header{background:linear-gradient(180deg, rgba(var(--accent-primary-rgb), .04) 0%, transparent 100%);border-bottom:1px solid var(--border-subtle);padding:120px 24px 60px}.blog-post-header-content{max-width:720px;margin:0 auto}.blog-post-back{color:var(--text-muted);margin-bottom:var(--space-xl);align-items:center;gap:6px;font-size:.85rem;text-decoration:none;transition:color .25s;display:inline-flex}.blog-post-back:hover{color:var(--accent-primary)}.blog-post-meta{color:var(--text-muted);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;display:flex}.blog-post-meta-primary{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.blog-post-meta-separator{color:var(--text-dim)}.blog-post-category{background:rgba(var(--accent-primary-rgb), .12);color:var(--accent-primary);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600}.blog-post-title{letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.1}.blog-post-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.05rem;line-height:1.7}.blog-post-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post-tag{background:rgba(var(--accent-primary-rgb), .06);border:1px solid rgba(var(--accent-primary-rgb), .12);color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:500}.blog-post-content{max-width:720px;padding:var(--space-3xl) 24px;margin:0 auto}.blog-post-content h1{margin:var(--space-2xl) 0 var(--space-lg);letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.blog-post-content h2{margin:var(--space-2xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);font-size:1.4rem;font-weight:700}.blog-post-content h3{margin:var(--space-xl) 0 var(--space-md);color:var(--accent-primary);font-size:1.15rem;font-weight:600}.blog-post-content p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.8}.blog-post-content ul{padding-left:var(--space-xl);margin-bottom:var(--space-lg)}.blog-post-content li{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.95rem;line-height:1.7}.blog-post-content code{background:rgba(var(--accent-primary-rgb), .08);color:var(--accent-secondary);border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.88rem}.blog-post-table-wrapper{margin-bottom:var(--space-xl);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow-x:auto}.blog-post-table{border-collapse:collapse;width:100%;min-width:680px}.blog-post-table th,.blog-post-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:14px 16px;font-size:.94rem;line-height:1.7}.blog-post-table th{letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);background:rgba(var(--accent-primary-rgb), .06);font-size:.82rem;font-weight:700}.blog-post-table tbody tr:last-child td{border-bottom:none}.blog-post-table td code,.blog-post-table th code{font-size:.82rem}.blog-post-code{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);background:#0006;overflow-x:auto}.blog-post-code code{color:var(--text-secondary);white-space:pre;background:0 0;border-radius:0;padding:0;font-size:.85rem;line-height:1.7}.blog-post-code-lang{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);font-size:.72rem;font-weight:600}.blog-post-highlight{color:var(--text-primary);padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent-primary);background:rgba(var(--accent-primary-rgb), .04);border-radius:0 8px 8px 0;font-size:1.05rem;font-weight:600}.blog-post-image-placeholder{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl);background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), .04), rgba(var(--accent-secondary-rgb), .02));border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);color:var(--text-muted);flex-direction:column;display:flex}.blog-post-image-placeholder svg{opacity:.3}.blog-post-image-placeholder span{opacity:.6;font-size:.82rem;font-style:italic}.blog-post-share{margin-bottom:var(--space-2xl)}.blog-post-share-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.blog-post-share-skeleton{background:var(--bg-tertiary);border-radius:var(--radius-md);height:20px;animation:1.5s ease-in-out infinite pulse}.blog-post-share-info{flex-direction:column;gap:4px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.blog-post-share-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.blog-post-share-text{flex-direction:column;gap:2px;display:flex}.blog-post-share-title{margin:0;font-size:.95rem;font-weight:700}.blog-post-share-subtitle{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.blog-post-share-actions{gap:10px;display:flex}.blog-post-share-btn-primary{background:linear-gradient(135deg, var(--accent-primary), #9b7bff);border-radius:var(--radius-full);color:#fff;cursor:pointer;box-shadow:0 4px 16px rgba(var(--accent-primary-rgb), .25);border:none;justify-content:center;align-items:center;gap:8px;width:240px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.blog-post-share-btn-primary:hover{box-shadow:0 8px 24px rgba(var(--accent-primary-rgb), .35);transform:translateY(-2px)}.blog-post-share-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.85rem;font-weight:500;transition:all .25s;display:inline-flex}.blog-post-share-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .06)}.blog-post-share-btn-secondary.copied{border-color:var(--accent-success);color:var(--accent-success);background:rgba(var(--accent-success-rgb), .08)}.blog-post-cta{max-width:720px;padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;margin:0 auto}.blog-post-cta h3{margin-bottom:var(--space-md);font-size:1.3rem;font-weight:700}.blog-post-cta p{color:var(--text-muted);margin-bottom:var(--space-lg);max-width:50ch;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.6}.blog-post-cta-btn{background:linear-gradient(135deg, var(--accent-primary), #9b7bff);color:#fff;box-shadow:0 8px 24px rgba(var(--accent-primary-rgb), .3);border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-post-cta-btn:hover{box-shadow:0 12px 32px rgba(var(--accent-primary-rgb), .4);transform:translateY(-2px)}.blog-post-cta-btn svg{transition:transform .2s}.blog-post-cta-btn:hover svg{transform:translate(4px)}.blog-related-posts{max-width:720px;margin:var(--space-3xl) auto 0;padding-top:var(--space-2xl);border-top:1px solid var(--border-subtle)}.blog-related-posts h3{margin-bottom:var(--space-xl);font-size:1.2rem;font-weight:700}.blog-related-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.blog-related-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);color:inherit;gap:var(--space-sm);flex-direction:column;text-decoration:none;transition:all .3s;display:flex}.blog-related-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.blog-related-card h4{font-size:.95rem;font-weight:600;line-height:1.4}.blog-post-footer{max-width:720px;padding:var(--space-2xl) 24px;border-top:1px solid var(--border-subtle);margin:0 auto}.blog-post-author{align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);display:flex}.blog-post-author-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-primary), #9b7bff);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.blog-post-author-info h4{margin:0;font-size:1rem;font-weight:700}.blog-post-author-info p{color:var(--text-muted);margin:0;font-size:.85rem}.blog-post-author-cta{background:rgba(var(--accent-primary-rgb), .1);border:1px solid rgba(var(--accent-primary-rgb), .2);border-radius:var(--radius-full);color:var(--accent-primary);align-items:center;gap:6px;margin-left:auto;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.blog-post-author-cta:hover{background:rgba(var(--accent-primary-rgb), .18)}