.path-grid,
.course-grid,
.mode-grid,
.philosophy-grid {
  display: grid;
  gap: 24px;
}

.path-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.featured-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.library-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mode-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.philosophy-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .path-grid,
  .featured-grid,
  .library-grid,
  .mode-grid,
  .philosophy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .path-grid,
  .featured-grid,
  .library-grid,
  .mode-grid,
  .philosophy-grid {
    grid-template-columns: 1fr;
  }
}