/* 슬라이드 5: 기술 데이터 및 테스트 결과 레이아웃 */
.data-test-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    color: #333333;
    font-family: 'Noto Sans KR', sans-serif;
}

/* 5:5 분할 컨테이너 */
.data-grid-wrapper {
    display: flex;
    width: 100%;
    max-width: 1280px;
    gap: 50px; 
    align-items: flex-start;
    padding: 0 40px;
}

/* 개별 테스트 카드 영역 */
.test-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px; 
    text-align: left;
}

/* 소제목 (밑줄이 글씨 길이에 딱 맞도록 수정) */
.test-subtitle {
    display: inline-block; 
    align-self: flex-start; 
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 5px 0 !important;
    padding-bottom: 8px;
    border-bottom: 3px solid #D4AF37; 
}

/* 차트/이미지 플레이스홀더 */
.chart-placeholder {
    width: 100%;
    height: 350px; 
    background-color: #EEEEEE;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    font-size: 0.95rem;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.chart-placeholder img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 가로세로 비율 유지하며 컨테이너에 맞춤 */
}

/* 실증 텍스트 설명 (피드백 반영: 폰트 크기 업, 줄간격 1.6) */
.test-desc {
    font-size: 1.15rem !important; /* 글씨 크기를 키워 프로젝터 가독성 확보 */
    line-height: 1.6 !important;   /* 줄간격을 1.6으로 조정하여 안정감 부여 */
    color: #555555;
    margin: 0 !important;
    word-break: keep-all;
    padding-top: 5px;
}

/* 핵심 키워드 강조 */
.tech-highlight {
    color: #D4AF37;
    font-weight: 700;
}

/* 제목 레이아웃 (중앙 정렬) */
.reveal h2.data-header {
    width: 100%;
    text-align: center; 
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 60px;
    color: #333333;
    letter-spacing: -1px;
}

/* 초음파 탈수 성능 테스트: 3개 이미지 동일 크기 배치 */
.dehydration-image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.dehydration-image-grid img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    display: block;
    border-right: 1px solid #eeeeee;
}

.dehydration-image-grid img:last-child {
    border-right: none;
}