/* ===== sub.html 공통 override (모든 발행본) =====
 * 발행본의 vol/css/sub.css 는 DB(aw_wz_layout.layout_css) 에서 오므로
 * 정책 단위 공통 룰은 본 파일에 두어 sub.html 가 마지막 link 로 적용한다.
 */

/* 다른 기사 섹션 — sec 별 wrapper 는 active 만 표시 (탭 전환 시 wz-sub.js 가 .is-active 토글) */
.other-cards { display: none; }
.other-cards.is-active { display: grid; }

/* 썸네일 — 모든 카드의 이미지 높이 동일하게 (aspect-ratio 16:9 + cover) */
.other-card__thumb {
  aspect-ratio: 2 / 2.1;
  overflow: hidden;
  border-radius: var(--radius-sm, 4px);
}
.other-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 부제 — 두 줄 말줄임 + 한국어 단어 단위 줄바꿈(keep-all) */
.other-card__subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
}
.other-card__subtitle:empty { display: none; }