.site-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  align-items: center;
}

.site-toolbar__search {
  flex: 1 1 220px;
  min-width: 200px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.site-toolbar__search:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -1px;
}

.site-toolbar__filters {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}