/* ===================================
   imt-directors.css
   융합의학기술원(IMT) 보직자 소개 페이지 전용 스타일
   범위: 07_icmit/017_directors.html 한정

   BRI 표준 컴포넌트 사용:
   - 섹션: .content-block + h2.content-block__title
   - 카드: .director-list + .director-card (directors.css)
   - 전공: .tag-group + .tag.tag--sm

   페이지 고유 차이만 아래에 정의.
   =================================== */

/* 보직자 페이지 — 그룹별 1열 카드 (단독 또는 다수) */
.page-imt-directors .director-list {
  grid-template-columns: 1fr;
}

/* 사진 머리 잘림 방지 — 컨테이너 상단 정렬 (이미지 하단을 크롭) */
.page-imt-directors .director-card__photo img {
  object-position: center top;
}

/* 인물이 사진 하단에 있는 세로형 사진(예: 공동연구사업단 김성완 단장) —
   상단(빈 배경)을 크롭하고 하단(얼굴·상반신)이 보이도록 하단 정렬.
   해당 사진 div 에 director-card__photo--crop-bottom 클래스를 부여한 카드에만 적용. */
.page-imt-directors .director-card__photo.director-card__photo--crop-bottom img {
  object-position: center bottom;
}

/* 긴 태그 1줄 ellipsis 처리 (.tag--sm 12px 사용) */
.page-imt-directors .director-card .tag-group .tag--sm {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .page-imt-directors .director-card .tag-group .tag--sm {
    max-width: 160px;
  }
}