/**
 * ---
 * Project      : Coding Campus Platform
 * Module       : Static / Css
 * File         : catalog_card_grid.css
 *
 * Description  : Project css source for Catalog Card Grid.
 *
 * Author       : Jihun Kang
 * Organization : Coding Campus / OrbiSync
 * Contact      : makers.dev.ci@gmail.com
 *
 * Copyright (c) 2026 Jihun Kang. All rights reserved.
 * ---
 */
/* 공개 카탈로그 카드 그리드 — /courses, 패키지 상세, 트랙 페이지 공통 */

.catalog-card-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.catalog-card-grid.is-count-1 {
  grid-template-columns: minmax(0, 420px);
  justify-content: start;
}

.catalog-card-grid.is-count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .catalog-card-grid:not(.is-count-1) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

  .catalog-card-grid.is-count-1 {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}

.course-catalog-card__study-meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 0.35rem;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.course-catalog-card__study-meta-item {
  display: inline;
  white-space: nowrap;
}

.course-catalog-card__study-meta-sep {
  color: #94a3b8;
  font-weight: 700;
  user-select: none;
}