/* GE UI PASS 2025-10-31 */
.company-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-3);
}

.company-card {
  position: relative;
  min-height: 200px;
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(33, 32, 31, 0.08);
  background: var(--ge-surface-alt);
  box-shadow: var(--ge-shadow-sm);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  display: grid;
  gap: var(--space-2);
  cursor: pointer;
}

.company-card:hover,
.company-card:focus-visible,
.company-card.active {
  transform: translateY(-4px);
  box-shadow: var(--ge-shadow-md);
  border-color: rgba(217, 31, 38, 0.28);
}

.company-card:focus-visible {
  outline: none;
}

.company-card .caption {
  max-width: 28ch;
}

.company-card .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 0.8rem;
  border-radius: 999px;
  background: rgba(33, 32, 31, 0.08);
  color: rgba(33, 32, 31, 0.7);
  font-weight: 600;
}

.company-card .arrow {
  justify-self: flex-end;
  font-size: 1.4rem;
  color: rgba(33, 32, 31, 0.35);
}

@media (max-width: 640px) {
  .company-card {
    min-height: 180px;
  }
}