.controls.svelte-wpz896{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.search-input.svelte-wpz896{flex:1;min-width:200px;padding:var(--input-padding);border:1px solid var(--color-input-border);border-radius:var(--input-radius);font-size:var(--text-base);font-family:inherit;background:var(--color-surface);color:var(--color-text)}.search-input.svelte-wpz896:focus{outline:2px solid var(--color-accent);outline-offset:-1px}select.svelte-wpz896{padding:var(--input-padding);border:1px solid var(--color-input-border);border-radius:var(--input-radius);font-size:var(--text-base);font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer}.active-filter.svelte-wpz896{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--stone-100, #f5f5f4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.clear-filter.svelte-wpz896{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--color-muted);padding:0 var(--space-1);line-height:1}.clear-filter.svelte-wpz896:hover{color:var(--color-text)}.tags-accordion.svelte-wpz896{margin-bottom:var(--space-4);font-size:var(--text-sm)}.tags-accordion.svelte-wpz896 summary:where(.svelte-wpz896){cursor:pointer;color:var(--color-muted);user-select:none}.tags-accordion.svelte-wpz896 summary:where(.svelte-wpz896):hover{color:var(--color-text)}.tags-cloud.svelte-wpz896{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag-btn.svelte-wpz896{background:var(--stone-100, #f5f5f4);border:1px solid transparent;color:var(--color-text);font-size:var(--text-xs);padding:.2rem var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:all var(--duration) var(--ease)}.tag-btn.svelte-wpz896:hover{border-color:var(--color-accent);color:var(--color-accent)}.status.svelte-wpz896{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.card-grid.svelte-wpz896{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card.svelte-wpz896{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--card-padding);text-decoration:none;transition:border-color var(--duration) var(--ease)}.card.svelte-wpz896:hover{border-color:var(--color-accent);text-decoration:none}.card.svelte-wpz896 h3:where(.svelte-wpz896){color:var(--color-text);font-size:var(--text-lg);margin-bottom:var(--space-1)}.card.svelte-wpz896 p:where(.svelte-wpz896){color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.card-img.svelte-wpz896{width:calc(100% + var(--space-10));margin:calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) var(--space-4);height:180px;object-fit:cover;border-radius:var(--card-radius) var(--card-radius) 0 0;display:block}.meta.svelte-wpz896{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.meta-sep.svelte-wpz896{color:var(--color-border)}.author-link.svelte-wpz896{color:var(--color-accent);cursor:pointer;font-weight:var(--weight-medium)}.author-link.svelte-wpz896:hover{text-decoration:underline}.tag.svelte-wpz896{display:inline-block;background:var(--stone-100, #f5f5f4);color:var(--stone-600, #57534e);font-size:var(--text-xs);padding:.15rem var(--space-2);border-radius:var(--radius-sm)}.card-tags.svelte-wpz896{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2)}.card-tag.svelte-wpz896{font-size:.65rem;color:var(--color-muted);background:var(--stone-50, #fafaf9);padding:.1rem var(--space-2);border-radius:var(--radius-sm)}.card-tag-more.svelte-wpz896{font-size:.65rem;color:var(--color-muted)}.load-more.svelte-wpz896{display:block;margin:var(--space-8) auto 0;padding:var(--btn-padding);background:transparent;border:1px solid var(--color-border);border-radius:var(--btn-radius);font-size:var(--text-base);font-family:inherit;color:var(--color-text);cursor:pointer;transition:border-color var(--duration) var(--ease)}.load-more.svelte-wpz896:hover{border-color:var(--color-accent)}