.featured-post-link{text-decoration:none;color:inherit;display:block}.featured-post{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .2s ease,transform .2s ease}.featured-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.featured-post-image{position:relative;min-height:350px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.featured-post-image .featured-image{object-fit:cover}.featured-post-content{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.featured-post-content h2{font-size:1.75rem;margin-bottom:var(--spacing-md);line-height:1.3}.featured-post-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.post-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem}.post-category{background:var(--color-primary);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.post-date{color:var(--color-text-secondary)}.post-placeholder-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center}.placeholder-icon{font-size:3rem;opacity:.5}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.blog-post-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .2s ease,transform .2s ease}.blog-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-post-link{text-decoration:none;color:inherit;display:block}.blog-post-card .post-image{position:relative;height:200px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.blog-post-card .post-thumbnail{object-fit:cover}.blog-post-card .post-content{padding:var(--spacing-lg)}.blog-post-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);line-height:1.4}.blog-post-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;justify-content:space-between;align-items:center}.reading-time{font-size:.875rem;color:var(--color-text-secondary)}.read-more-link{color:var(--color-primary);font-weight:500;font-size:.9375rem}.view-all-posts{text-align:center;margin-top:var(--spacing-2xl)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.blog-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.blog-category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.blog-category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.category-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.blog-category-card h3{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.blog-category-card p{color:var(--color-text-secondary);font-size:.875rem}.newsletter-section{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;color:white}.newsletter-content h2{color:white;margin-bottom:var(--spacing-md)}.newsletter-content>p{opacity:.9;margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:var(--spacing-md);max-width:500px;margin:0 auto var(--spacing-md)}.newsletter-input{flex:1 1;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.newsletter-button,.newsletter-input{border:none;border-radius:var(--radius-md)}.newsletter-button{background:white;color:var(--color-primary);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:transform .2s ease}.newsletter-button:hover{transform:scale(1.02)}.newsletter-button:disabled{transform:none}.newsletter-button:disabled,.newsletter-input:disabled{opacity:.7;cursor:not-allowed}.newsletter-form-wrapper{max-width:500px;margin:0 auto}.newsletter-message{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem}.newsletter-message-success{background:rgba(255,255,255,.2);color:white}.newsletter-message-error{background:rgba(255,0,0,.2);color:#ffcccc}.newsletter-disclaimer{font-size:.875rem;opacity:.8}.blog-post-hero{padding:var(--spacing-2xl) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.blog-post-hero h1{font-size:2.5rem;line-height:1.2;max-width:800px}.blog-post-hero h1,.breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.blog-post-meta,.breadcrumb-separator{color:var(--color-text-secondary)}.blog-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;margin-bottom:var(--spacing-lg)}.meta-separator{opacity:.5}.blog-post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{background:var(--color-background);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;text-decoration:none;border:1px solid var(--color-border);transition:all .2s ease}.tag:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}.blog-post-featured-image{padding:var(--spacing-xl) 0}.featured-image-wrapper{position:relative;width:100%;height:400px;border-radius:var(--radius-xl);overflow:hidden}.featured-image-wrapper .featured-image{object-fit:cover}.blog-post-content{padding:var(--spacing-2xl) 0}.prose{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);line-height:1.3}.prose h2{font-size:1.75rem}.prose h3{font-size:1.5rem}.prose ol,.prose p,.prose ul{margin-bottom:var(--spacing-lg)}.prose ol,.prose ul{padding-left:var(--spacing-xl)}.prose li{margin-bottom:var(--spacing-sm)}.prose a{color:var(--color-primary);text-decoration:underline}.prose a:hover{text-decoration:none}.prose blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;font-style:italic;color:var(--color-text-secondary)}.prose code{padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:monospace}.prose code,.prose pre{background:var(--color-background)}.prose pre{padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}.prose pre code{background:none;padding:0}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.back-to-blog{text-align:center;padding:var(--spacing-xl) 0}.related-posts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.category-icon-large{font-size:3rem}.tag-label{color:var(--color-text-secondary);font-weight:400}.archive-nav{margin-bottom:var(--spacing-xl)}.archive-nav .back-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.archive-nav .back-link:hover{color:var(--color-secondary)}.archive-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.archive-month{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xl)}.archive-month:last-child{border-bottom:none}.archive-month-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:inline-block}.archive-posts{display:flex;flex-direction:column;gap:var(--spacing-md)}.archive-post-item{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.archive-post-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.archive-post-link{display:grid;grid-template-columns:180px 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);text-decoration:none;color:inherit}.archive-post-image{position:relative;min-height:120px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.archive-post-image .archive-thumbnail{object-fit:cover}.archive-post-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0;display:flex;flex-direction:column;justify-content:center}.archive-post-content h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text);transition:color .2s ease}.archive-post-item:hover .archive-post-content h3{color:var(--color-primary)}.archive-post-content p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-post-content .reading-time{font-size:.8rem;color:var(--color-text-secondary)}@media (max-width:768px){.featured-post{grid-template-columns:1fr}.featured-post-image{min-height:200px}.featured-post-content{padding:var(--spacing-lg)}.featured-post-content h2{font-size:1.5rem}.blog-posts{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.blog-post-hero h1{font-size:1.75rem}.blog-post-meta{flex-wrap:wrap}.featured-image-wrapper{height:250px}.prose{font-size:1rem}.archive-post-link{grid-template-columns:1fr}.archive-post-image{min-height:160px}.archive-post-content{padding:var(--spacing-md)}}