.sort-selector-wrapper{display:inline-flex;align-items:center;gap:.5rem}.sort-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;color:var(--text-tertiary)}.sort-icon{color:var(--text-tertiary)}.sort-select{padding:.45rem 2rem .45rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;outline:none;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.sort-select:hover,.sort-select:focus{border-color:var(--border-focus)}.search-filters-container{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.search-bar-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.search-bar-row{flex-direction:row;align-items:center}.sort-wrapper{flex-shrink:0}}.active-filters-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-subtle);border-radius:var(--radius-md);font-size:.8125rem}.active-filters-label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--text-tertiary)}.active-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:500}.filter-chip button{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;padding:0}.filter-chip button:hover{color:var(--text-primary)}.clear-all-filters-btn{font-size:.8125rem;font-weight:600;color:var(--brand-primary);text-decoration:underline;cursor:pointer;padding:.2rem .5rem}.clear-all-filters-btn:hover{color:var(--brand-primary-hover)}.results-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.results-count strong{color:var(--text-primary)}.blog-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pagination-nav{margin:2.5rem 0 1rem;display:flex;justify-content:center}.pagination-list{display:flex;align-items:center;gap:.35rem;list-style:none}.pagination-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.pagination-btn:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-number-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pagination-number-btn:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.pagination-number-btn.active{background-color:var(--brand-primary);color:var(--color-fg-on-accent);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.blog-list-wrapper{width:100%}.blog-list-loading{padding:2rem 0}.skeleton-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skeleton-card{height:240px;background-color:var(--bg-surface);animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.blog-list-error{padding:2rem;background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:var(--radius-md);text-align:center;margin:2rem 0}