.blogs-page{background-color:var(--color-bg-light);width:100%;min-height:100vh}.blogs-hero{padding:var(--spacing-3xl) var(--spacing-lg);max-width:1200px;margin:0 auto}.blogs-hero-title{color:var(--color-text-headline);margin:0 0 var(--spacing-sm);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.blogs-hero-subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl);font-size:1.0625rem;line-height:1.6}.blogs-search{margin-bottom:var(--spacing-2xl)}.blogs-search input{width:100%}.blogs-categories{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-sm);overflow-x:auto}.blogs-categories-scroll{gap:var(--spacing-md);min-width:min-content;display:flex}.blogs-category-badge{cursor:pointer;transition:opacity .2s}.blogs-category-badge:hover{opacity:.8}.blogs-container{padding:0 var(--spacing-lg) var(--spacing-3xl);max-width:1200px;margin:0 auto}.blogs-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blogs-empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.blogs-empty p{margin:0;font-size:1.0625rem}.blogs-pagination{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);display:flex}.blogs-pagination-info{color:var(--color-text-secondary);text-align:center;min-width:150px;font-size:.9375rem}@media (max-width:1024px){.blogs-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.blogs-hero{padding:var(--spacing-2xl) var(--spacing-md)}.blogs-hero-title{margin-bottom:var(--spacing-sm);font-size:clamp(28px,4vw,36px)}.blogs-hero-subtitle{margin-bottom:var(--spacing-lg);font-size:1rem}.blogs-container{padding:0 var(--spacing-md) var(--spacing-2xl)}.blogs-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr}.blogs-pagination{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-direction:column}.blogs-pagination-info,.blogs-pagination button{width:100%}}