/* Toolkits Hub Page Styles */

.toolkit-count {
  display: inline-block;
  padding: 2px 10px;
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 4px;
}

.toolkit-hub-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 768px) {
  .toolkit-hub-grid {
    grid-template-columns: 1fr;
  }
}