/* probe_content.css (SVG 텍스트 사용 버전) */

#heroTableProbe .probe-section {
  flex: 1;
  position: relative;
  display: flex; /* SVG를 중앙 정렬하기 위해 flex 유지 */
  align-items: center;
  justify-content: center;
  padding: 5px; /* 패딩은 약간만 줌 */
  box-sizing: border-box;
}

.probe-svg {
  width: 100%;
  height: 100%;
  overflow: visible; /* 텍스트가 잘리지 않도록 함 */
}

.stat-title {
  font-size: 20px; /* viewBox 기준 크기 */
  font-weight: 500;
  fill: #193c93; /* 글자 색상 */
  text-anchor: middle; /* 가로 중앙 정렬 */
}

.stat-value {
  text-anchor: middle; /* 가로 중앙 정렬 */
  dominant-baseline: middle; /* 세로 중앙 정렬 기준 */
}

.stat-value .num-large {
  font-size: 50px; /* viewBox 기준 크기 */
  font-weight: 700;
  fill: #193c93;
}

.stat-value .unit-main,
.stat-value .unit-sub {
  font-size: 18px; /* viewBox 기준 크기 */
  font-weight: 500;
  fill: #193c93;
}

/* 4번째 칸 색상만 별도 지정 */
#heroTableProbe .probe-section:nth-child(4) .stat-value,
#heroTableProbe .probe-section:nth-child(4) .stat-value tspan {
  fill: #d81919;
}