.blog-filters{gap:var(--space-sm);margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.blog-filter{padding:var(--space-sm) var(--space-lg);font-size:.8rem;font-weight:var(--font-weight-medium);border:1px solid var(--color-gold);border-radius:var(--border-radius);color:var(--color-gold);background-color:var(--color-black);cursor:pointer;transition:all var(--transition-base)}.blog-filter:hover,.blog-filter--active{background-color:var(--color-gold);color:var(--color-black)}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.blog-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.blog-card:hover{border-color:var(--color-gold);transform:translateY(-4px)}.blog-card__image{background-color:var(--color-dark-surface);width:100%;height:180px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.85rem;display:flex}.blog-card__body{padding:var(--space-xl)}.blog-card__meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.blog-card__tag{color:var(--color-gold);background-color:var(--color-black);border:1px solid var(--color-gold);border-radius:100px;padding:2px 8px;font-size:.75rem;font-weight:500}.blog-card__date,.blog-card__read-time{color:var(--color-text-muted);font-size:.75rem}.blog-card__title{font-size:1.1rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);line-height:1.3}.blog-card__excerpt{color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.blog-cta-sidebar{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-2xl);text-align:center;margin-top:var(--space-2xl)}.blog-cta-sidebar h3{margin-bottom:var(--space-md);font-size:1.15rem}.blog-cta-sidebar p{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.9rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-card__body{padding:var(--space-lg)}.blog-filter{padding:var(--space-xs) var(--space-md);font-size:.75rem}}