/* ===================================
   imt-support-info.css
   융합의학기술원(IMT) 서비스 신청 안내 페이지 전용 스타일
   범위: 07_icmit/020_support_info.html 한정
   =================================== */

/* 연구지원 분야 — 센터별 가로 풀폭 wrapper(배경 없음), 수직 stack */
.page-imt-support-info .support-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-layout-h3-top);
  margin-top: var(--gap-layout-h2-body);
}

.page-imt-support-info .support-card {
  display: flex;
  flex-direction: column;
  gap: var(--gap-card-icon-text);
}

/* 센터명 — 좌측 정렬 */
.page-imt-support-info .support-card__title {
  text-align: left;
}

/* support-card h3 — BRI 표준 h3 위계 (fs-title-sm = 28px) */
.page-imt-support-info .support-card__title {
  margin: 0;
  font-size: var(--fs-title-sm);
  font-weight: var(--fw-bold);
  color: var(--color-gray-900);
}

/* info-card--list 는 sub-page.css 공용 컴포넌트 사용 */
.page-imt-support-info .support-card .info-cards {
  margin-top: 0;
}

/* 신청 절차 — components.css --vertical --inline 사용
   margin-top은 sub-page.css의 .content-block__text + .process-steps 규칙(12px)으로 자동 처리 */



/* 본문 강조 링크 */
.page-imt-support-info .text-link {
  color: var(--color-primary-700);
  font-weight: var(--fw-semibold);
}

.page-imt-support-info .text-link:hover {
  text-decoration: underline;
}

/* 모바일 — info-cards 자체 반응형(sub-page.css)으로 처리됨 */

/* 임상시험 절차 SVG 플로우차트 */
.page-imt-support-info .fc-diagram {
  margin: var(--gap-layout-h2-body) 0 0;
  padding: var(--space-6);
  overflow-x: auto;
  border: 1.5px solid var(--color-gray-300);
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
}
.page-imt-support-info .fc-diagram svg {
  width: 100%;
  min-width: 580px;
  height: auto;
  display: block;
}