.blog-hero{padding:140px 0 var(--spacing-12);background:var(--bg-primary);text-align:center}.blog-hero h1{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.blog-hero p{font-size:var(--font-size-xl);color:var(--text-light);max-width:600px;margin:0 auto}.blog-listing{padding:var(--spacing-12) 0 var(--spacing-24);background:var(--bg-primary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-8)}.blog-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.blog-card-image{width:100%;height:200px;object-fit:cover;background:var(--bg-primary)}.blog-card-body{padding:var(--spacing-6);flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-light)}.blog-card-category{background:rgba(79,140,186,.15);color:var(--primary-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.blog-card-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-3);line-height:1.3}.blog-card-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.blog-card-title a:hover{color:var(--primary-light)}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-6);flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between}.blog-read-more{color:var(--primary-light);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.blog-read-more:hover{color:var(--accent-color)}.blog-read-time{font-size:var(--font-size-sm);color:var(--text-light)}.blog-empty{text-align:center;padding:var(--spacing-20) 0}.blog-empty h3{color:var(--text-primary);margin-bottom:var(--spacing-4)}.blog-empty p{color:var(--text-light)}.blog-post-hero{padding:140px 0 var(--spacing-8);background:var(--bg-primary)}.blog-post-hero .container{max-width:800px}.blog-post-breadcrumb{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-6)}.blog-post-breadcrumb a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast)}.blog-post-breadcrumb a:hover{color:var(--accent-color)}.blog-post-category{display:inline-block;background:rgba(79,140,186,.15);color:var(--primary-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-4)}.blog-post-title{font-size:var(--font-size-5xl);color:var(--text-primary);margin-bottom:var(--spacing-6);line-height:1.15}.blog-post-meta{display:flex;align-items:center;gap:var(--spacing-6);color:var(--text-light);font-size:var(--font-size-sm);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border-color)}.blog-post-meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.blog-post-content{padding:var(--spacing-12) 0 var(--spacing-24);background:var(--bg-primary)}.blog-post-content .container{max-width:800px}.blog-post-body{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-secondary)}.blog-post-body h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-top:var(--spacing-12);margin-bottom:var(--spacing-6)}.blog-post-body h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4)}.blog-post-body p{margin-bottom:var(--spacing-6);color:var(--text-secondary)}.blog-post-body ol,.blog-post-body ul{margin-bottom:var(--spacing-6);padding-left:var(--spacing-8)}.blog-post-body li{margin-bottom:var(--spacing-3);color:var(--text-secondary);line-height:1.7}.blog-post-body blockquote{border-left:4px solid var(--primary-color);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-8) 0;background:var(--bg-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic}.blog-post-body blockquote p{margin-bottom:0;color:var(--text-primary)}.blog-post-body img{max-width:100%;height:auto;border-radius:var(--radius-xl);margin:var(--spacing-8) 0}.blog-post-body a{color:var(--primary-light);text-decoration:underline;transition:color var(--transition-fast)}.blog-post-body a:hover{color:var(--accent-color)}.blog-post-body code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--accent-color)}.blog-post-body pre{background:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);margin:var(--spacing-6) 0;overflow-x:auto;border:1px solid var(--border-color)}.blog-post-body pre code{background:0 0;padding:0;font-size:var(--font-size-sm);color:var(--text-primary)}.blog-post-cta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-10);text-align:center;margin-top:var(--spacing-12)}.blog-post-cta h3{color:var(--text-primary);margin-bottom:var(--spacing-4)}.blog-post-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-6);max-width:500px;margin-left:auto;margin-right:auto}.blog-post-nav{display:flex;justify-content:space-between;gap:var(--spacing-6);margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--border-color)}.blog-post-nav a{color:var(--primary-light);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.blog-post-nav a:hover{color:var(--accent-color)}@media (max-width:768px){.blog-hero h1{font-size:var(--font-size-3xl)}.blog-grid{grid-template-columns:1fr}.blog-post-title{font-size:var(--font-size-3xl)}.blog-post-meta{flex-wrap:wrap;gap:var(--spacing-3)}.blog-post-body{font-size:var(--font-size-base)}.blog-post-nav{flex-direction:column}}