.blog-page{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.blog-layout{display:grid;grid-template-columns:220px 1fr;flex:1;max-width:1000px;margin:0 auto;width:100%}.blog-sidebar-inner{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto;padding:var(--space-6)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.sidebar-links{list-style:none;padding:0;margin:0}.sidebar-links li{margin-bottom:var(--space-1)}.sidebar-link{display:block;padding:var(--space-2) var(--space-3);font-size:.875rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);transition:all var(--transition-fast)}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);font-weight:500}.blog-main{display:flex;justify-content:center;min-width:0}.blog-content{width:100%;max-width:800px;padding:var(--space-8) var(--space-10)}.blog-header{margin-bottom:var(--space-8)}.blog-header h1{font-size:2rem;margin-bottom:var(--space-2)}.blog-header p{color:var(--text-secondary);font-size:1.125rem}.blog-cards{display:grid;gap:var(--space-5)}.blog-card{display:block;padding:var(--space-5);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.blog-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.blog-card-tag{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-card-date{font-size:.8125rem;color:var(--text-muted)}.blog-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.blog-card-description{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6}.blog-article{max-width:100%}.blog-article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.blog-article-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.blog-article-tag{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-article-date{font-size:.875rem;color:var(--text-muted)}.blog-article-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-3)}.blog-article-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0}.blog-article-content h2{font-size:1.5rem;margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-article-content h3{font-size:1.125rem;margin-top:var(--space-6);margin-bottom:var(--space-3)}.blog-article-content p{margin-bottom:var(--space-4);line-height:1.7}.blog-article-content ul,.blog-article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-article-content li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.6}.blog-article-content code{background:var(--bg-tertiary);padding:.125em .375em;border-radius:var(--radius-sm);font-size:.875em}.blog-article-content pre{background:var(--bg-code);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}.blog-article-content pre code{background:transparent;padding:0;font-size:.875rem;color:#e5e7eb}.blog-article-content a{color:var(--accent)}.blog-article-content a:hover{text-decoration:underline}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.blog-back-link:hover{color:var(--accent)}.blog-back-link svg{width:16px;height:16px}@media(max-width:1024px){.blog-content{padding:var(--space-6)}}@media(max-width:768px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:fixed;left:-280px;top:64px;width:280px;height:calc(100vh - 64px);background:var(--bg-primary);border-right:1px solid var(--border);z-index:50;transition:left var(--transition)}.blog-sidebar.open{left:0}.blog-content{padding:var(--space-6)}.blog-article-title{font-size:1.5rem}}