.blog-page,.blog-article-page{padding:64px 24px 40px}@media (width<=768px){.blog-page,.blog-article-page{padding-bottom:0}}.blog-hero{margin-bottom:48px}.blog-hero-content{position:relative}.blog-hero-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:700}.blog-hero-description{color:var(--text-muted);max-width:600px;margin:0;font-size:16px;line-height:1.6}.blog-section{margin-bottom:64px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:48px;display:grid}@media (width<=600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-magenta);border-radius:var(--radius-md);color:inherit;transition:var(--transition);grid-template-columns:auto 1fr;gap:16px;padding:24px;text-decoration:none;display:grid}.blog-card:hover{background:var(--bg-elevated);border-left-color:#ff6b9d;transform:translate(4px);box-shadow:0 4px 20px #e91e6326}.blog-card-number{color:var(--border);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.blog-card-content{flex-direction:column;gap:8px;display:flex}.blog-card-meta{color:var(--accent-magenta);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:10px}.blog-card-title{margin:0;font-size:16px;font-weight:500;line-height:1.4}.blog-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-card-date{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.blog-card-arrow{color:var(--accent-magenta);font-size:18px;transition:transform .2s}.blog-card:hover .blog-card-arrow{transform:translate(4px)}.blog-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);grid-column:1/-1;padding:64px 24px}.blog-empty p{color:var(--text-muted);margin:0 0 24px;font-size:16px}.blog-pagination{justify-content:center;margin-top:48px;display:flex}.blog-pagination .pagination{align-items:center;gap:8px;display:flex}.blog-pagination .pagination li{display:flex}.blog-pagination .pagination a,.blog-pagination .pagination span{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);min-width:40px;height:40px;color:var(--text-primary);transition:var(--transition);justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none;display:flex}.blog-pagination .pagination a:hover{border-color:var(--accent-magenta);background:var(--bg-elevated)}.blog-pagination .pagination span.active{background:var(--accent-magenta);border-color:var(--accent-magenta);color:#fff}.blog-pagination .pagination span.disabled{opacity:.5;pointer-events:none}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.breadcrumb a{color:var(--text-muted);transition:var(--transition);text-decoration:none}.breadcrumb a:hover{color:var(--accent-magenta)}.breadcrumb-separator{color:var(--border)}.breadcrumb-current{color:var(--text-primary)}.blog-article{margin-bottom:64px}.blog-article-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:32px}.blog-article-category{color:var(--accent-magenta);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;display:inline-block}.blog-article-category:hover{text-decoration:underline}.blog-article-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.blog-article-excerpt{color:var(--text-muted);margin:0 0 24px;font-size:18px;line-height:1.6}.blog-article-meta{color:var(--text-muted);align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.blog-article-content{color:var(--text-secondary);font-size:16px;line-height:1.8}.blog-article-content h2{color:var(--text-primary);margin:48px 0 16px;font-size:24px;font-weight:600}.blog-article-content h3{color:var(--text-primary);margin:32px 0 12px;font-size:20px;font-weight:600}.blog-article-content p{margin:0 0 24px}.blog-article-content ul,.blog-article-content ol{list-style:unset;margin:0 0 24px;padding-left:24px}.blog-article-content li{margin-bottom:8px}.blog-article-content code{background:var(--bg-dark);color:var(--accent-magenta);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:14px}.blog-article-content pre{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 24px;padding:16px;overflow-x:auto}.code-block-wrapper{margin:0 0 24px;position:relative}.code-block-wrapper pre{border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:0;transition:max-height .3s}.blog-article-content pre.code-block-collapsed{max-height:460px;overflow:hidden}.code-block-wrapper.code-block-fade:after{content:"";background:linear-gradient(transparent, var(--bg-dark));pointer-events:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);height:80px;position:absolute;bottom:52px;left:0;right:0}.blog-article-content pre.code-block-expanded{max-height:none}.code-block-toggle{width:100%;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;transition:var(--transition);border-top:none;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.code-block-toggle:hover{color:var(--accent-magenta);background:var(--bg-elevated)}.code-block-toggle i{font-size:10px;transition:transform .2s}.blog-article-content pre code{color:var(--text-secondary);background:0 0;padding:0}.blog-article-content a{color:var(--accent-magenta);text-decoration:none}.blog-article-content a:hover{text-decoration:underline}.blog-article-content blockquote{border-left:3px solid var(--accent-magenta);color:var(--text-muted);margin:0 0 24px;padding-left:16px;font-style:italic}.blog-article-content img{border-radius:var(--radius-md);width:100%;max-width:100%;height:auto;margin:0 0 24px;display:block}.blog-article-content img.img-small{max-width:300px}.blog-article-content img.img-medium{max-width:600px}.blog-article-content img.img-large{max-width:900px}.blog-article-content img.img-full{max-width:100%}.blog-related{border-top:1px solid var(--border);padding-top:48px}.blog-related-title{margin:0 0 24px;font-size:20px;font-weight:600}.blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=768px){.blog-related-grid{grid-template-columns:1fr}}.blog-related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:var(--transition);padding:16px;text-decoration:none}.blog-related-card:hover{border-color:var(--accent-magenta);background:var(--bg-elevated)}.blog-related-card-title{margin:0 0 8px;font-size:14px;font-weight:500}.blog-related-card-date{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}@media (width<=768px){.blog-hero-title{font-size:28px}.blog-article-title{font-size:24px}}.blog-filters{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:24px;margin-bottom:40px;padding:24px;display:flex}.search-form{align-items:center;gap:8px;display:flex;position:relative}.search-input{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);flex:1;padding:12px 48px 12px 16px;font-family:JetBrains Mono,monospace;font-size:14px}.search-input:focus{border-color:var(--accent-magenta);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent-magenta);border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.search-btn:hover{background:#ff6b9d}.search-clear{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:var(--transition);justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;right:52px}.search-clear:hover{color:var(--accent-magenta);border-color:var(--accent-magenta)}.blog-categories{flex-wrap:wrap;gap:8px;display:flex}.category-btn{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-decoration:none}.category-btn:hover{border-color:var(--accent-magenta);color:var(--text-primary)}.category-btn.active{background:var(--accent-magenta);border-color:var(--accent-magenta);color:#fff}.blog-filters.has-search .category-btn:not(.active){opacity:.6}@media (width<=768px){.blog-filters{padding:16px}.blog-categories{gap:6px}.category-btn{padding:6px 12px;font-size:10px}.search-input{padding:10px 44px 10px 12px;font-size:13px}}