/* ===================================
   mrcc-intro.css
   의학연구협력센터(MRCC) 소개 페이지 전용 스타일
   범위: 08_mrcc/010_intro.html 한정
   규칙: 인라인 style 사용 금지 / <style> 태그 금지
   =================================== */

/* ============================================
   인사말 — BRI 표준 .greeting + .greeting-quote 공용 룰에 위임
   (페이지 prefix override 제거됨, 모든 사이트 BRI 통일)
   ============================================ */

/* 사인 이미지 — 서명 옆 우측 표시 */
.page-mrcc-intro .greeting__signature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.page-mrcc-intro .greeting__signature-stamp {
  width: 80px;
  height: auto;
}


/* ============================================
   SVG 다이어그램 — MRCC 5대 주요 업무
   흰색 노드 + 파란 아이콘/텍스트 + 네이비 중앙 + 솔리드 링
   ============================================ */
.mrcc-svg {
  display: block;
  width: 100%;
  max-width: 940px;
  height: auto;
  margin: 0 auto;
  overflow: visible;
  font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.mrcc-svg text {
  font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', sans-serif;
}

/* 5개 노드를 잇는 솔리드 링 */
.mrcc-svg__ring-circle {
  fill: none;
  stroke: var(--color-primary-500);
  stroke-width: 2.5;
}

/* 중앙 MRCC — 네이비 그라데이션 원 + 옅은 헤일로 */
.mrcc-svg__center-halo {
  fill: none;
  stroke: var(--color-primary-100);
  stroke-width: 8;
  opacity: 0.6;
}
.mrcc-svg__center {
  stroke: none;
  filter: drop-shadow(0 12px 26px rgba(3, 54, 140, 0.30));
}
.mrcc-svg__center-text {
  fill: var(--color-white);
  font-size: var(--fs-mega);
  font-weight: var(--fw-extrabold);
  letter-spacing: -0.5px;
  text-anchor: middle;
  dominant-baseline: central;
}

/* 노드 (5개 영역 원) — 흰 배경 + 그림자 + 파란 텍스트/아이콘 */
.mrcc-svg__node {
  fill: var(--color-white);
  stroke: var(--color-primary-100);
  stroke-width: 1.5;
  filter: drop-shadow(0 6px 16px rgba(3, 54, 140, 0.14));
}
.mrcc-svg__node-text {
  fill: var(--color-primary-700);
  /* 원(r=90) 안에 긴 라벨(Collaborating·Consultation 등)이 넘치지 않도록 축소 (기존 --fs-stat 28px→21px) */
  font-size: 21px;
  font-weight: var(--fw-bold);
  letter-spacing: -0.2px;
  text-anchor: middle;
  dominant-baseline: central;
}

/* 노드 아이콘 (24-grid 라인 아이콘, scale 2.6) */
.mrcc-svg__icon {
  fill: none;
  stroke: var(--color-primary-700);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mrcc-svg__icon-dot {
  fill: var(--color-primary-700);
  stroke: none;
}

/* 노드 → 박스 연결선 + 끝점 (SVG 최후에 렌더되어 위에 표시) */
.mrcc-svg__connector {
  stroke: var(--color-primary-500);
  stroke-width: 2.5;
  stroke-linecap: round;
}
.mrcc-svg__dot {
  fill: var(--color-primary-700);
  stroke: none;
}

/* 설명 박스 — 흰 배경 + 옅은 테두리 + 부드러운 그림자 */
.mrcc-svg__box {
  fill: var(--color-white);
  stroke: var(--color-gray-200);
  stroke-width: 1;
  filter: drop-shadow(0 4px 12px rgba(3, 54, 140, 0.10));
}
.mrcc-svg__box-text {
  fill: var(--color-gray-900);
  font-size: var(--fs-block); /* → 렌더 ≈ --fs-body (18px), 최솟값 준수 */
  font-weight: var(--fw-medium);
  dominant-baseline: central;
}
.mrcc-svg__box-text--end {
  text-anchor: end;
}
.mrcc-svg__box-text--mid {
  text-anchor: middle;
}