/* =========================================
   LIST PATCH (FULL / SAFE OVERRIDE)
   - title: 최대 2줄
   - duration + 실제 통계: 한 줄 배치
   - 고정높이/여백 꼬임 방지
========================================= */

/* 카드/아이템 높이 꼬임 방지 */
#list ul li,
#list ul li .box{
  height:auto !important;
  min-height:0 !important;
}

/* box 레이아웃 안정화 */
#list ul li .box{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  padding-bottom:0 !important; /* etc 제거로 아래 비는거 방지 */
}

/* thumb 컨테이너 */
#list .thumb{
  position:relative !important;
  overflow:hidden !important;
}

/* 예전 별도 통계 줄은 사용하지 않음 */
#list ul li .etc{
  display:none !important;
}

/* 제목 영역: 카드 높이를 일정하게 유지하며 최대 2줄 */
#list ul li .title{
  margin:0 !important;
  height:42px !important;
  min-height:42px !important;
  padding:5px 6px 1px !important;

  border-top:1px solid rgba(255,255,255,.06) !important;
  background:rgba(0,0,0,.18) !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  line-height:18px !important;
  max-height:42px !important;

  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

/* 재생시간은 왼쪽, 조회수·추천수는 같은 줄 오른쪽 끝 */
#list ul li .card-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:5px !important;
  height:28px !important;
  padding:3px 6px 5px !important;
  background:rgba(0,0,0,.18) !important;
  color:#cfcfcf !important;
  font-size:12px !important;
  line-height:18px !important;
  white-space:nowrap !important;
}

#list ul li .card-duration,
#list ul li .card-stats,
#list ul li .card-stats > span{
  display:flex !important;
  align-items:center !important;
}

#list ul li .card-duration{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#list ul li .card-stats{
  justify-content:flex-end !important;
  gap:7px !important;
  margin-left:auto !important;
}

#list ul li .card-stats > span{ gap:2px !important; }

#list ul li .card-meta img{
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  opacity:.9 !important;
}

@media screen and (max-width:680px){
  #list ul li .title{ font-size:14px !important; }
  #list ul li .card-meta{ padding-left:4px !important; padding-right:4px !important; font-size:11px !important; }
  #list ul li .card-stats{ gap:5px !important; }
  #list ul li .card-meta img{ width:14px !important; height:14px !important; }
}