.blog-header{margin-bottom:var(--space-10)}.blog-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.blog-header p{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:var(--prose-max-width)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8)}.blog-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:var(--border-width-thin) solid var(--color-border-light);transition:var(--transition-all)}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border)}.blog-card a{display:block;text-decoration:none}.blog-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0}.blog-card-content{padding:var(--space-6)}.blog-card-date{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2)}.blog-card-title{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-snug);margin:0 0 var(--space-3) 0;transition:var(--transition-colors)}.blog-card:hover .blog-card-title{color:var(--color-primary)}.blog-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card.featured{grid-column:1 / -1}.blog-card.featured a{display:grid;grid-template-columns:1fr 1fr;gap:0}.blog-card.featured .blog-card-image{aspect-ratio:4 / 3;height:100%}.blog-card.featured .blog-card-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.blog-card.featured .blog-card-title{font-size:var(--font-size-2xl)}.blog-card.featured .blog-card-description{font-size:var(--font-size-base);-webkit-line-clamp:4}.blog-post{max-width:800px}.blog-post-header{margin-bottom:var(--space-10)}.blog-post-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.blog-post-date{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.blog-post-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.blog-post-title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.blog-post-hero{width:100%;border-radius:var(--radius-xl);margin-bottom:var(--space-10);box-shadow:var(--shadow-md)}.blog-post-content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.blog-post-content h2{font-size:var(--font-size-xl);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.blog-post-content h3{font-size:var(--font-size-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-post-content h4{font-size:var(--font-size-md);margin-top:var(--space-6);margin-bottom:var(--space-2)}.blog-post-content p{margin-bottom:var(--space-6)}.blog-post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.blog-post-content a:hover{color:var(--color-primary-light)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.blog-post-content li{margin-bottom:var(--space-2)}.blog-post-content blockquote{margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.blog-post-content blockquote p:last-child{margin-bottom:0}.blog-post-content img{border-radius:var(--radius-lg);margin:var(--space-8) 0}.blog-post-content hr{margin:var(--space-12) 0}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-8);transition:var(--transition-colors)}.back-link:hover{color:var(--color-primary)}.back-link svg{width:16px;height:16px}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:var(--space-6)}.blog-card.featured a{grid-template-columns:1fr}.blog-card.featured .blog-card-image{aspect-ratio:16 / 9}.blog-card.featured .blog-card-content{padding:var(--space-6)}.blog-card.featured .blog-card-title{font-size:var(--font-size-xl)}.blog-post-title{font-size:var(--font-size-2xl)}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}