.blog-container{padding-top:var(--spacing-4);padding-bottom:var(--spacing-6)}.blog-header{text-align:center;margin-top:var(--spacing-5)}.blog-header h1{margin-bottom:var(--spacing-3)}.blog-header-description{font-size:var(--text-lg);color:var(--mid);max-width:600px;margin:0 auto;margin-bottom:var(--spacing-4)}.blog-categories{margin-bottom:var(--spacing-5)}.blog-category-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center}.blog-category-button{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-5);border:2px solid var(--border-color);background:transparent;color:var(--text-color);font-weight:var(--font-normal);cursor:pointer;transition:all .2s}.blog-category-button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:var(--font-semibold)}.blog-empty{text-align:center;padding:var(--spacing-6);color:var(--mid)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.blog-article-card{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;cursor:pointer}.blog-article-image{width:100%;height:200px;background:var(--surface-color);border-radius:var(--radius-2);margin-bottom:var(--spacing-3);overflow:hidden}.blog-article-image img{width:100%;height:100%;object-fit:cover}.blog-category-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border-radius:var(--radius-5);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2);width:fit-content}.blog-article-title{font-size:var(--text-xl);margin-bottom:var(--spacing-2);line-height:1.3}.blog-article-title a{color:var(--text-color);text-decoration:none;transition:color .2s}.blog-article-title a:hover{color:var(--primary)}.blog-article-excerpt{color:var(--mid);margin-bottom:var(--spacing-3);flex:1}.blog-article-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--mid)}.blog-article-read-more{margin-top:var(--spacing-3);color:var(--primary);text-decoration:none;font-weight:var(--font-semibold);display:inline-flex;align-items:center;gap:var(--spacing-1)}.blog-article-read-more:hover{text-decoration:underline}.blog-tag-filter{text-align:center;padding:var(--spacing-3);background:var(--surface-color);border-radius:var(--radius-3);margin-bottom:var(--spacing-4)}.blog-tag-filter-label{color:var(--mid)}.blog-tag-clear{margin-left:var(--spacing-2);color:var(--primary);background:none;border:none;cursor:pointer;text-decoration:underline}.blog-popular-tags{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:var(--surface-color);border-radius:var(--radius-3)}.blog-popular-tags h3{margin-bottom:var(--spacing-3)}.blog-tag-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.blog-tag-button{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-5);border:1px solid var(--border-color);background:transparent;color:var(--mid);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.blog-tag-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-newsletter-cta{margin-top:var(--spacing-6);padding:var(--spacing-5);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent) 0%,var(--surface-color) 100%);border-radius:var(--radius-3);text-align:center;margin-bottom:var(--spacing-5)}.blog-newsletter-cta h3{margin-bottom:var(--spacing-2)}.blog-newsletter-description{color:var(--mid);margin-bottom:var(--spacing-3);max-width:500px;margin-left:auto;margin-right:auto}