.skills__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--space-lg);
}

.skills__category {
  background: var(--color-bg-light);
  border-radius: var(--border-radius-lg);
  padding: var(--space-lg);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

@media (hover: hover) {
  .skills__category:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -15px rgba(2, 12, 27, 0.7);
  }
}

.skills__category-title {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--font-heading);
  font-size: var(--fs-md);
  color: var(--color-accent);
  margin-bottom: var(--space-sm);
  font-weight: 600;
}

.skills__category-title svg {
  flex-shrink: 0;
}

.skills__list {
  columns: 2;
  column-gap: var(--space-sm);
}

.skills__list li {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
  padding: 0.25rem 0;
  break-inside: avoid;
}