.filter-pills{display:flex;gap:var(--space-3);flex-wrap:wrap}.filter-pill{font:inherit;font-size:var(--fr-text-small);font-weight:600;line-height:1.3;padding:4px 10px;border:1px solid var(--fr-border);border-radius:var(--fr-radius-xs);background:var(--fr-surface-2);color:var(--fr-text-muted);cursor:pointer;transition:border-color var(--fr-transition-fast),color var(--fr-transition-fast),background var(--fr-transition-fast)}.filter-pill.active{background:var(--fr-accent);color:var(--fr-accent-on-accent);border-color:var(--fr-accent)}.filter-pill:hover:not(.active){border-color:var(--fr-border-strong);color:var(--fr-text)}.workflow-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.workflow-card,.solution-card{background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:var(--fr-radius-md);overflow:hidden;display:flex;flex-direction:column}.workflow-card-image,.solution-card-image{display:block;border-bottom:1px solid var(--fr-border)}.workflow-card-image img,.solution-card-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.workflow-card-body,.solution-card-body{padding:var(--space-6) var(--space-6) var(--space-4);flex:1;display:flex;flex-direction:column}.workflow-card:not(.has-image),.solution-card:not(.has-image){padding:var(--space-6)}.workflow-template,.solution-category{font-size:var(--fr-text-small);font-weight:500;color:var(--fr-text-muted)}.workflow-card h2,.solution-card h2{margin-top:var(--space-3);font-size:20px;font-weight:600}.workflow-card h2 a,.solution-card h2 a{color:var(--fr-text);text-decoration:none}.workflow-card h2 a:hover,.solution-card h2 a:hover{color:var(--fr-accent)}.workflow-card p,.solution-card p{margin-top:var(--space-3);font-size:.875rem;line-height:1.6;color:var(--fr-text-muted)}.workflow-meta{display:flex;gap:12px;justify-content:flex-start;margin-top:auto;padding-top:var(--space-4);font-size:var(--fr-text-small);color:var(--fr-text-muted)}.filter-toolbar{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.filter-row{display:flex;gap:var(--space-4);align-items:flex-start}.filter-search{position:relative;flex:4;min-width:0}.filter-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--fr-text-dim);pointer-events:none;width:16px;height:16px}.filter-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:var(--fr-radius-sm);color:var(--fr-text);font-family:var(--fr-sans);font-size:.875rem;outline:none;transition:border-color var(--fr-transition-fast)}.filter-search input::placeholder{color:var(--fr-text-dim)}.filter-search input:focus-visible{border-color:var(--fr-accent);box-shadow:var(--fr-focus)}.combobox{position:relative;flex:1;min-width:0}.combobox-input-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:var(--fr-radius-sm);cursor:text;min-height:40px;transition:border-color var(--fr-transition-fast)}.combobox-input-wrap:focus-within{border-color:var(--fr-accent);box-shadow:var(--fr-focus)}.combobox-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2) 2px var(--space-3);background:var(--fr-accent-dim);color:var(--fr-accent);border-radius:var(--fr-radius-pill);font-size:.8125rem;font-weight:600;white-space:nowrap;line-height:1.6}.combobox-chip button{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--fr-accent);cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;font-size:14px;line-height:1;opacity:.6;transition:opacity var(--fr-transition-fast)}.combobox-chip button:hover{opacity:1}.combobox-chip-icon{width:14px;height:14px;object-fit:contain;border-radius:3px;flex-shrink:0}.combobox-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;color:var(--fr-text);font-family:var(--fr-sans);font-size:.875rem;line-height:1.6}.combobox-input::placeholder{color:var(--fr-text-dim)}.combobox-listbox{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:var(--fr-radius-sm);z-index:100;display:none;box-shadow:var(--fr-shadow-art)}.combobox-listbox.open{display:block}.combobox-option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:.875rem;color:var(--fr-text-muted);transition:background .1s,color .1s}.combobox-option:hover,.combobox-option.focused{background:var(--fr-surface-2);color:var(--fr-text)}.combobox-option.selected{color:var(--fr-accent)}.combobox-option-label{display:flex;align-items:center;gap:var(--space-2)}.combobox-option-icon{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.combobox-option-count{font-size:.8125rem;color:var(--fr-text-dim)}.combobox-empty{padding:var(--space-3);font-size:.8125rem;color:var(--fr-text-dim);text-align:center}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);min-height:24px}.results-count{font-size:.8125rem;color:var(--fr-text-dim)}.results-clear{background:none;border:none;color:var(--fr-accent);font-size:.8125rem;font-weight:600;cursor:pointer;padding:0;opacity:.8;transition:opacity var(--fr-transition-fast)}.results-clear:hover{opacity:1}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.skeleton-card{background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:var(--fr-radius-md);overflow:hidden}.skeleton-image{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--fr-surface) 25%,var(--fr-surface-2) 50%,var(--fr-surface) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-body{padding:var(--space-6)}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--fr-surface-2) 25%,var(--fr-surface-3) 50%,var(--fr-surface-2) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;margin-bottom:var(--space-3)}.skeleton-line:nth-child(1){width:40%;height:10px}.skeleton-line:nth-child(2){width:85%;height:16px}.skeleton-line:nth-child(3){width:100%}.skeleton-line:nth-child(4){width:70%}@keyframes skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.workflow-empty,.solution-empty{text-align:center;padding:var(--space-16) var(--space-6)}.workflow-empty p,.solution-empty p{color:var(--fr-text-dim);font-size:.9375rem}.workflow-empty .results-clear,.solution-empty .results-clear{margin-top:var(--space-4);display:inline-block;font-size:.875rem}#scroll-sentinel{height:1px}@media(max-width:768px){.workflow-grid,.solution-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.skeleton-grid{grid-template-columns:1fr}}