.page.svelte-u4k2t{padding-block:var(--space-16)}.page__header.svelte-u4k2t{margin-bottom:var(--space-8)}.page__title.svelte-u4k2t{font-family:var(--font-heading);font-weight:var(--font-normal);margin-bottom:var(--space-4)}.page__intro.svelte-u4k2t{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px}.blog-filters.svelte-u4k2t{gap:var(--space-2);margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.filter-pill.svelte-u4k2t{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:0 0;line-height:1;display:inline-flex}.filter-pill.svelte-u4k2t:hover{background:var(--color-bg-secondary);border-color:var(--color-accent-terracotta);color:var(--color-text-primary)}.filter-pill.active.svelte-u4k2t{background:var(--color-accent-terracotta);border-color:var(--color-accent-terracotta);color:#fff;box-shadow:var(--shadow-sm)}.filter-pill.active.svelte-u4k2t .filter-pill__count:where(.svelte-u4k2t){color:#fff;background:#ffffff40}.filter-pill__count.svelte-u4k2t{font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;border-radius:var(--radius-full);background:var(--color-bg-secondary);min-width:1.35em;color:var(--color-text-light);transition:background var(--transition-fast), color var(--transition-fast);padding:1px 6px}.search-pill.svelte-u4k2t{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;display:inline-flex}.search-pill.svelte-u4k2t:focus-within{border-color:var(--color-accent-terracotta);background:var(--color-bg-white);box-shadow:var(--shadow-sm)}.search-pill.has-query.svelte-u4k2t{border-color:var(--color-accent-terracotta);background:var(--color-bg-white)}.search-pill__icon.svelte-u4k2t{width:15px;height:15px;color:var(--color-text-light);transition:color var(--transition-fast);flex-shrink:0}.search-pill.svelte-u4k2t:focus-within .search-pill__icon:where(.svelte-u4k2t),.search-pill.has-query.svelte-u4k2t .search-pill__icon:where(.svelte-u4k2t){color:var(--color-accent-terracotta)}.search-pill__input.svelte-u4k2t{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);width:7em;transition:width var(--transition-base);background:0 0;border:none;outline:none;line-height:1}.search-pill__input.svelte-u4k2t::placeholder{color:var(--color-text-light)}.search-pill.svelte-u4k2t:focus-within .search-pill__input:where(.svelte-u4k2t){width:12em}@media (prefers-reduced-motion:reduce){.search-pill__input.svelte-u4k2t{transition:none}}.search-pill__input.svelte-u4k2t::-webkit-search-cancel-button{appearance:none}.search-pill__clear.svelte-u4k2t{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:18px;height:18px;color:var(--color-text-light);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-pill__clear.svelte-u4k2t:hover{background:var(--color-accent-terracotta);color:#fff}.search-pill__clear.svelte-u4k2t svg:where(.svelte-u4k2t){width:10px;height:10px}@media (width<=640px){.search-pill.svelte-u4k2t{margin-bottom:var(--space-1);flex:100%}.search-pill__input.svelte-u4k2t{flex:1;width:100%}.search-pill.svelte-u4k2t:focus-within .search-pill__input:where(.svelte-u4k2t){width:100%}}.blog-grid.svelte-u4k2t{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.blog-grid__item.svelte-u4k2t{display:flex}.blog-grid__item.svelte-u4k2t .blog-card{width:100%}@media (width<=640px){.blog-grid.svelte-u4k2t{grid-template-columns:1fr}}.blog-empty.svelte-u4k2t{font-size:var(--text-lg);color:var(--color-text-light);text-align:center;padding:var(--space-16)}