/* jcurl / Sec_6 — KOWON Youtube: 메인 플레이어 + 플레이리스트 4 + 채널 버튼
   시안: 1920x1002, 배경 surface-muted, 컨테이너 1280, 상·하 여백 140. */

.jcurl-sec_6{
  /* 시안 상·하 여백 140 = --sp-section(120) + 20 */
  padding-block:calc(var(--sp-section) + 20px);
}

/* ── 제목 줄: 유튜브 아이콘 + H2 (시안 66px 행, 아이콘 간격 10) ── */
.jcurl-sec_6__title{
  margin-top:0;
  display:flex;align-items:center;justify-content:center;
  gap:10px;min-height:66px;
}
.jcurl-sec_6__icon{flex:none;width:58px;height:40px}

/* 시안 리드 박스 32px — 행간 27px 를 그 안에서 가운데 정렬 */
.jcurl-sec_6__lead{
  width:100%;min-height:32px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
}

/* ── 플레이어 + 플레이리스트 ────────────────────────────────── */
.jcurl-sec_6__tv{
  display:grid;
  grid-template-columns:685fr 565fr;   /* 시안 685 + 30 + 565 = 1280 */
  gap:var(--sp-gap);
  align-items:start;
}

.jcurl-sec_6__stage{
  aspect-ratio:16/9;             /* 유튜브 원본 비율 — 썸네일·재생 화면이 잘리거나 띠가 생기지 않는다 */
  border-radius:var(--radius-card);
  background:var(--surface-dark);
}
.jcurl-sec_6__stage img{width:100%;height:100%;object-fit:cover}
.jcurl-sec_6__stage iframe{border:0}

.jcurl-sec_6__list{
  margin-top:-1px;                            /* 시안 Line 1 은 미디어 상단보다 1px 위 */
  border-top:1px solid var(--text-primary);   /* 시안 Line 1 은 진한 선, Line 2~ 는 회색 */
}
.jcurl-sec_6__link{
  display:flex;align-items:center;gap:20px;
  padding-block:12px;                         /* 12 + 썸네일 84 + 12 = 행 108 */
  box-shadow:inset 0 -1px 0 var(--icon-muted);
}
.jcurl-sec_6__thumb{
  flex:none;width:150px;height:84px;
  object-fit:cover;
  border-radius:var(--radius-sm);
}
.jcurl-sec_6__vtitle{
  font-weight:500;
  font-size:var(--fs-18);
  line-height:1.5;
  letter-spacing:normal;          /* 시안 이 텍스트만 자간 0 */
  color:var(--text-primary);
  word-break:break-word;
}
.jcurl-sec_6__link:hover .jcurl-sec_6__vtitle{color:var(--brand)}

/* 1200 이상: 목록 4행이 영상 박스(16:9) 높이를 나눠 가져 위·아래 선이 박스와 맞는다.
   height:0 + min-height 로 목록은 행 높이를 키우지 않고 박스 높이만 따른다(+1 은 박스보다 1px 위에 있는 첫 선). */
@media (min-width:1200px){
  .jcurl-sec_6__list{height:0;min-height:calc(100% + 1px);display:grid;grid-template-rows:repeat(4,minmax(0,1fr))}   /* 내용(썸네일 원본 크기)이 행을 키우지 못하게 */
  .jcurl-sec_6__link{height:100%;padding-block:0}
  .jcurl-sec_6__thumb{width:auto;height:calc(100% - 12px);aspect-ratio:16/9}   /* 행 − 위아래 6 — 1440 에서 시안 84 */
  .jcurl-sec_6__vtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
/* 1200 미만: 한 줄에 두면 행이 썸네일(84)보다 낮아진다 — 영상 위 · 목록 아래로 쌓는다 */
@media (max-width:1199px){
  .jcurl-sec_6__tv{grid-template-columns:1fr}
}

/* ── 반응형: 구조만 바꾼다 ─────────────────────────────────── */
@media (max-width:767px){
  .jcurl-sec_6__title{gap:8px;min-height:0}
  .jcurl-sec_6__icon{width:40px;height:28px}
  .jcurl-sec_6__link{gap:var(--sp-tight)}
  .jcurl-sec_6__thumb{width:120px;height:67px}
}