/* ========================================
   SKILLS SECTION STYLES
======================================== */

.skills {
  background: var(--background-color);
}

.skills-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
  gap: 2.5rem;
}

.skill-item {
  padding: 0;
}

.skill-title {
  font-size: var(--font-size-h3);
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-color);
}

.skill-description {
  font-size: var(--font-size-body);
  line-height: 1.6;
  color: var(--text-color);
}