.blog-page.svelte-1xqf4ch{min-height:100vh;background:var(--bg-base)}.blog-content.svelte-1xqf4ch{max-width:1400px;margin:0 auto;padding:var(--spacing-6) var(--spacing-6) var(--spacing-8)}.filter-bar.svelte-1xqf4ch{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-4)}.filter-bar__search.svelte-1xqf4ch{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.filter-bar__search.svelte-1xqf4ch .filter-bar__search-icon{position:absolute;left:var(--spacing-3);color:var(--text-muted);pointer-events:none}.filter-bar__input.svelte-1xqf4ch{width:100%;height:44px;padding:0 var(--spacing-3) 0 40px;background:transparent;border:none;font-size:var(--ui-text-sm);color:var(--text-primary)}.filter-bar__input.svelte-1xqf4ch::placeholder{color:var(--text-muted)}.filter-bar__input.svelte-1xqf4ch:focus{outline:none}.filter-bar__divider.svelte-1xqf4ch{width:1px;height:24px;background:var(--border-subtle);flex-shrink:0}.filter-bar__select.svelte-1xqf4ch{height:44px;padding:0 var(--spacing-8) 0 var(--spacing-3);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239a9aa5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:10px 6px;border:none;font-size:var(--ui-text-sm);color:var(--text-primary);cursor:pointer;appearance:none;min-width:140px}.filter-bar__select.svelte-1xqf4ch:hover{background-color:var(--bg-hover)}.filter-bar__select.svelte-1xqf4ch:focus{outline:none;background-color:var(--bg-hover)}.filter-bar__select.svelte-1xqf4ch option:where(.svelte-1xqf4ch){background:var(--bg-elevated);color:var(--text-primary)}.mobile-filter-toggle.svelte-1xqf4ch,.mobile-filters.svelte-1xqf4ch{display:none}.results-header.svelte-1xqf4ch{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.results-count.svelte-1xqf4ch{font-size:var(--ui-text-sm);color:var(--text-secondary);font-weight:500}.clear-btn.svelte-1xqf4ch{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius);font-size:var(--ui-text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-btn.svelte-1xqf4ch:hover{border-color:var(--color-primary);color:var(--color-primary)}.blog-grid.svelte-1xqf4ch{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4)}@media (max-width: 1400px){.blog-grid.svelte-1xqf4ch{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.blog-grid.svelte-1xqf4ch{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.blog-grid.svelte-1xqf4ch{grid-template-columns:repeat(2,1fr)}}.load-more.svelte-1xqf4ch{grid-column:1 / -1;display:flex;justify-content:center;padding:var(--spacing-8) 0}.loading-spinner.svelte-1xqf4ch{color:var(--text-muted)}.spinner{animation:svelte-1xqf4ch-spin 1s linear infinite}@keyframes svelte-1xqf4ch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state.svelte-1xqf4ch{grid-column:1 / -1;text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);background:var(--bg-elevated);border-radius:var(--border-radius)}.empty-state.svelte-1xqf4ch p:where(.svelte-1xqf4ch){margin:0;font-size:var(--ui-text-lg)}.reset-btn.svelte-1xqf4ch{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.reset-btn.svelte-1xqf4ch:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.blog-content.svelte-1xqf4ch{padding:var(--spacing-4) var(--spacing-3) var(--spacing-6)}.filter-bar.svelte-1xqf4ch{display:none}.mobile-filter-toggle.svelte-1xqf4ch{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;height:44px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);font-size:var(--ui-text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;margin-bottom:var(--spacing-3);transition:all var(--transition-fast)}.mobile-filter-toggle.svelte-1xqf4ch:hover{border-color:var(--border-medium);background-color:var(--bg-hover)}.mobile-filter-toggle.svelte-1xqf4ch:active{background-color:var(--bg-hover);border-color:var(--border-medium);transform:scale(.98)}.mobile-filter-toggle.svelte-1xqf4ch:focus{outline:none;border-color:var(--border-medium)}.filter-badge.svelte-1xqf4ch{min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 6px;background:var(--color-secondary);color:#fff;font-size:11px;font-weight:600;border-radius:9px}.mobile-filters.svelte-1xqf4ch{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-bottom:var(--spacing-3)}.mobile-filters__search.svelte-1xqf4ch{position:relative;display:flex;align-items:center}.mobile-filters__search.svelte-1xqf4ch svg{position:absolute;left:var(--spacing-3);color:var(--text-muted);pointer-events:none}.mobile-filters__search.svelte-1xqf4ch input:where(.svelte-1xqf4ch){width:100%;height:44px;padding:0 var(--spacing-3) 0 40px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius);font-size:16px;color:var(--text-primary)}.mobile-filters__search.svelte-1xqf4ch input:where(.svelte-1xqf4ch)::placeholder{color:var(--text-muted)}.mobile-filters__group.svelte-1xqf4ch{display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-filters__group.svelte-1xqf4ch label:where(.svelte-1xqf4ch){font-size:var(--ui-text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mobile-filters__group.svelte-1xqf4ch select:where(.svelte-1xqf4ch){height:44px;padding:0 var(--spacing-8) 0 var(--spacing-3);background-color:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239a9aa5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:10px 6px;border:1px solid var(--border-subtle);border-radius:var(--border-radius);font-size:16px;color:var(--text-primary);cursor:pointer;appearance:none}.mobile-filters__group.svelte-1xqf4ch select:where(.svelte-1xqf4ch) option:where(.svelte-1xqf4ch){background:var(--bg-elevated);color:var(--text-primary)}.blog-grid.svelte-1xqf4ch{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}}