/* ───────────────────────────────────────────────
   block_course_cards — 코스 카드 (중앙 제목/부제 + 3열 카드 + 하단 CTA)
   sadari-core 룩: --paper 배경, --orange-700 포인트, hover 인터랙션 없음.
   모든 셀렉터는 .block_course_cards 스코프 안에서만.
   ─────────────────────────────────────────────── */
.block_course_cards {
  background: var(--white);
  padding-block: var(--space-section);
}

/* 중앙 정렬 헤더 — 중앙/정렬/max-width는 공통 sect-head--center가 담당 */
.block_course_cards .block_course_cards__head {
  margin-bottom: var(--space-2xl);
}
.block_course_cards .block_course_cards__sub {
  color: var(--ink-500);
  margin-top: var(--space-sm);
}

/* 3열 그리드 (모바일 1열) */
.block_course_cards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}
@media (max-width: 900px) {
  .block_course_cards__grid { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
}

/* 카드 — 1px 보더, --r-lg 라운드 */
.block_course_cards__card {
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--ink-200);
  border-radius: var(--r-lg);
  overflow: hidden;
}

/* 썸네일 16:9, 라운드 상단 + 좌상단 뱃지 칩 */
.block_course_cards__thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--ink-100);
}
.block_course_cards__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block_course_cards__badge {
  position: absolute;
  top: var(--space-sm);
  left: var(--space-sm);
  display: inline-block;
  font-family: var(--font-kr);
  font-size: var(--fs-caption);
  font-weight: 600;
  line-height: 1;
  color: var(--white);
  background: var(--ink-900);
  border-radius: var(--r-pill);
  padding: 6px 12px;
}

/* 본문 */
.block_course_cards__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-lg);
}
.block_course_cards__tag {
  font-family: var(--font-kr);
  font-size: var(--fs-caption);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--orange-700);
  margin: 0 0 var(--space-xs);
}
.block_course_cards__card-title {
  font-family: var(--font-kr);
  font-size: var(--fs-title-md);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  line-height: 1.4;
  color: var(--ink-900);
  margin: 0 0 var(--space-xs);
}
.block_course_cards__meta {
  font-family: var(--font-kr);
  font-size: var(--fs-body-sm);
  line-height: 1.5;
  color: var(--ink-500);
  margin: 0;
}

/* 하단 author / price — author 왼쪽, price 오른쪽 (상단 보더 구분선) */
.block_course_cards__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  margin-top: auto;
  padding-top: var(--space-md);
  border-top: 1px solid var(--ink-100);
}
.block_course_cards__author {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-width: 0;
}
.block_course_cards__avatar {
  width: 24px;
  height: 24px;
  border-radius: var(--r-full);
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}
.block_course_cards__avatar--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-kr);
  font-size: 11px;
  font-weight: 700;
  color: var(--ink-700);
  background: var(--ink-100);
}
.block_course_cards__author-name {
  font-family: var(--font-kr);
  font-size: var(--fs-body-sm);
  font-weight: 500;
  color: var(--ink-700);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block_course_cards__price {
  font-family: var(--font-kr);
  font-size: var(--fs-title-md);
  font-weight: 700;
  letter-spacing: var(--tracking-title);
  color: var(--ink-900);
  white-space: nowrap;
  flex-shrink: 0;
}

/* 하단 중앙 CTA */
.block_course_cards__cta {
  display: flex;
  justify-content: center;
  margin-top: var(--space-2xl);
}