.blog-header{background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff;padding:var(--space-20)0 var(--space-12);margin-bottom:var(--space-12)}.blog-header .back-link{color:#fffc;font-size:var(--text-sm);margin-bottom:var(--space-4);display:inline-block}.blog-header .back-link:hover{color:#fff}.blog-header h1{color:#fff;margin-bottom:var(--space-4)}.blog-header p{color:#ffffffe6;font-size:var(--text-xl);margin:0}.blog-layout{gap:var(--space-12);padding-bottom:var(--space-20);grid-template-columns:1fr 300px;display:grid}@media (max-width:968px){.blog-layout{grid-template-columns:1fr}}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.no-posts{text-align:center;padding:var(--space-16)0;color:var(--text-tertiary);grid-column:span 2}.blog-card{transition:all var(--transition-base);overflow:hidden}.blog-card a{color:inherit;display:block}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-5)}.blog-card-meta{gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3);display:flex}.blog-card h2{font-size:var(--text-xl);margin-bottom:var(--space-2);line-height:1.3}.blog-card p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{padding:var(--space-1)var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.blog-sidebar{gap:var(--space-8);flex-direction:column;display:flex}.sidebar-widget{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.sidebar-widget h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.tag-list{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.tag-list a{padding:var(--space-1)var(--space-3);background:var(--color-gray-100);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);display:inline-block}.tag-list a:hover{background:var(--color-primary-500);color:#fff}.cta-widget{background:linear-gradient(135deg,var(--color-primary-50),var(--color-accent-50))}.cta-widget p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.newsletter-form{gap:var(--space-3);flex-direction:column;display:flex}.newsletter-form input{padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.blog-post{padding-bottom:var(--space-20)}.blog-post .back-link{color:#fffc;font-size:var(--text-sm);margin-bottom:var(--space-4);display:inline-block}.post-hero{background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff;padding:var(--space-20)0 var(--space-12);margin-bottom:var(--space-8)}.post-meta{gap:var(--space-3);font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.post-hero h1{color:#fff;font-size:var(--text-4xl);margin-bottom:var(--space-4)}.post-excerpt{font-size:var(--text-xl);color:#ffffffe6;margin-bottom:var(--space-6);max-width:800px}.post-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.post-tags .tag{color:#fff;background:#fff3}.post-cover{margin:0 auto var(--space-12);max-width:1000px;padding:0 var(--space-4)}.post-cover img{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl)}.post-content{max-width:800px}.prose{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8}.prose h2{font-size:var(--text-2xl);margin:var(--space-10)0 var(--space-4);color:var(--text-primary)}.prose h3{font-size:var(--text-xl);margin:var(--space-8)0 var(--space-3);color:var(--text-primary)}.prose p{margin-bottom:var(--space-6)}.prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-primary-500);padding-left:var(--space-6);margin:var(--space-8)0;color:var(--text-tertiary);font-style:italic}.prose code{background:var(--color-gray-100);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:.9em}.prose pre{background:var(--bg-dark);color:var(--text-inverse);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6)0;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{border-radius:var(--radius-lg);max-width:100%;margin:var(--space-6)0}.related-posts{background:var(--bg-secondary);padding:var(--space-16)0;margin-top:var(--space-16)}.related-posts h2{text-align:center;margin-bottom:var(--space-10)}.related-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.related-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;overflow:hidden}.related-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.related-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.related-card h3{padding:var(--space-4);font-size:var(--text-base)}.post-cta{text-align:center;padding:var(--space-16)0;background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff}.post-cta h2{color:#fff;margin-bottom:var(--space-2)}.post-cta p{color:#ffffffe6;margin-bottom:var(--space-6)}.post-cta .btn-primary{color:var(--color-primary-600);background:#fff}.post-container{gap:var(--space-12);margin-top:var(--space-12);grid-template-columns:1fr 300px;align-items:start;display:grid}@media (max-width:1024px){.post-container{grid-template-columns:1fr}}.post-main{min-width:0}.post-sidebar{top:var(--space-24);position:sticky}.sidebar-sticky{gap:var(--space-8);flex-direction:column;display:flex}.toc{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100)}.toc h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-4);font-weight:700}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.toc li a{color:var(--text-secondary);transition:color var(--transition-fast);line-height:1.4;text-decoration:none;display:block}.toc li a:hover{color:var(--color-primary-600)}.toc li.active a{color:var(--color-primary-600);font-weight:600}.audio-player{background:linear-gradient(to right,var(--color-primary-50),var(--bg-primary));border:1px solid var(--color-primary-100);padding:var(--space-4)var(--space-6);margin-bottom:var(--space-10);border-radius:var(--radius-xl)}.audio-player-content{align-items:center;gap:var(--space-4);display:flex}.audio-icon{color:var(--color-primary-600);border-radius:var(--radius-full);width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;display:flex}.audio-icon svg{width:20px;height:20px}.audio-info{flex:1}.audio-info h4{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.audio-info p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.sidebar-cta{background:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600));color:#fff;padding:var(--space-6);border-radius:var(--radius-xl)}.sidebar-cta h3{color:#fff;font-size:var(--text-lg);margin-bottom:var(--space-2)}.sidebar-cta p{color:#ffffffe6;font-size:var(--text-sm);margin-bottom:var(--space-4)}.sidebar-cta .btn{color:var(--color-primary-600);background:#fff;width:100%}.reading-progress{background:var(--color-gray-100);z-index:1000;height:4px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500));height:100%;transition:width .1s ease-out}.post-share{margin:var(--space-10)0;padding:var(--space-6)0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100)}.social-share{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.social-share-label{color:var(--text-secondary);font-weight:600;font-size:var(--text-sm)}.social-share-buttons{gap:var(--space-2);display:flex}.social-share-btn{border-radius:var(--radius-full);background:var(--color-gray-100);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.social-share-btn:hover{background:var(--color-primary-500);color:#fff;transform:translateY(-2px)}.author-bio{margin-top:var(--space-10);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-xl)}.author-bio-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.author-avatar{border-radius:var(--radius-full);flex-shrink:0;width:64px;height:64px;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-avatar-placeholder{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));color:#fff;width:100%;height:100%;font-size:var(--text-2xl);justify-content:center;align-items:center;font-weight:700;display:flex}.author-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.author-name{font-size:var(--text-lg);color:var(--text-primary);margin:0}.author-bio-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.author-social{gap:var(--space-3);margin-top:var(--space-4);display:flex}.author-social-link{color:var(--text-tertiary);transition:color var(--transition-fast)}.author-social-link:hover{color:var(--color-primary-500)}