/* =========================== */
/* 슬라이드 6: 제품 개발 현황 및 자체 R&D 역량 */
/* =========================== */

.dev-capability-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    color: #333333;
}

.reveal h2.dev-header {
    width: 100%; 
    text-align: center; 
    font-size: 2.3rem; 
    font-weight: 900;
    margin-bottom: 30px; 
    color: #333333; 
    letter-spacing: -1px;
}

/* ★ 1. 전체 컨테이너 높이 강제 고정 (해상도 저하/스케일다운 원천 차단) */
.dev-grid-wrapper {
    display: flex;
    width: 100%;
    max-width: 1280px;
    gap: 30px; /* 7슬라이드와 동일한 간격 */
    align-items: stretch;
    padding: 0 40px;
    height: 580px; /* ★ 이 고정 높이가 텍스트가 흐려지는 것을 막아줍니다 */
}

.dev-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px; 
    text-align: left;
    min-height: 0; /* 내부 요소가 부모를 뚫고 나가는 것 방지 */
}

.dev-subtitle {
    display: inline-block;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 5px 0 !important;
    padding-bottom: 8px;
    border-bottom: 3px solid #D4AF37;
    flex-shrink: 0;
}

/* =========================== */
/* 좌측: 1차 시제품 제작 현황 (카드 3개) */
/* =========================== */
.status-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 15px; 
    flex: 1;
    min-height: 0;
}

.status-card {
    flex: 1; 
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.02);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ★ 2. 좌측 이미지 높이 축소 (카드 3개가 오버플로우 없이 쏙 들어가게 함) */
.status-image {
    width: 100%;
    flex: 1; /* 고정 높이(px)를 제거하고 이미지가 남는 공간을 모두 차지하도록 확장 */
    background-color: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden; 
}

.status-image img {
    width: 50%; 
    height: 100%;
    object-fit: cover; 
}

.status-content {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px; /* 패딩을 약간 줄여서 타이트하게 */
    font-size: 1rem;
    flex-shrink: 0; /* 텍스트 영역은 쪼그라들거나 늘어나지 않게 고정 */
}

.status-card.done { color: #999999; }
.status-card.done .icon-box { background-color: #EEEEEE; color: #AAAAAA; }
.status-card.ongoing { color: #D4AF37; font-weight: 700; }
.status-card.ongoing .icon-box { 
    background-color: rgba(212, 175, 55, 0.1); 
    color: #D4AF37; 
    border: 1px solid #D4AF37; 
}
.icon-box {
    width: 30px; height: 30px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

/* =========================== */
/* 우측: R&D 역량 카드 공통 */
/* =========================== */
.capability-card {
    flex: 1; 
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.02);
    overflow: hidden; 
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.card-label { font-size: 0.85rem; font-weight: 800; color: #D4AF37; text-transform: uppercase; }
.card-title { font-size: 1.15rem; font-weight: 800; margin: 0; color: #333; }
.card-text { font-size: 0.95rem; line-height: 1.6; color: #555555; margin: 0; word-break: keep-all; }

/* =========================== */
/* 우측 상단: 산학 협력 (카드 1개) */
/* =========================== */
.gallery-container-4cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0; 
    width: 100%;
    border-bottom: 1px solid #eeeeee; 
    flex-shrink: 0;
}

/* ★ 3. 우측 상단 이미지 높이 최적화 */
.gallery-container-4cols img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.capability-card .card-text-wrap {
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center; 
    text-align: center; 
    flex: 1; 
    gap: 6px;
}

/* =========================== */
/* 우측 하단: INTERNAL TEAM (카드 1개) */
/* =========================== */
.card-text-title-only {
    padding: 12px 20px;
    text-align: center;
    border-bottom: 1px solid #eeeeee; 
    flex-shrink: 0;
}

.member-portfolio-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex: 1; 
    min-height: 0;
}

.member-column {
    flex: 1; 
    display: flex;
    flex-direction: column;
}

.vertical-divider {
    width: 1px;
    background-color: #eeeeee;
}

.portfolio-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0; 
    width: 100%;
    flex-shrink: 0;
}

/* ★ 4. 팀원 작업물 이미지 높이 최적화 */
.portfolio-images img {
    width: 100%;
    height: 100px; 
    object-fit: cover;
    background-color: #f8f8f8;
}

.mini-member {
    flex: 1;
    display: flex;
    flex-direction: row; 
    align-items: center;
    background: #ffffff;
    padding: 10px 15px; /* 공간 확보를 위해 패딩 살짝 축소 */
    gap: 12px;
}

.divider-top {
    border-top: 1px solid #eeeeee; 
}

.mini-member-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #D4AF37;
    flex-shrink: 0;
}

.mini-member-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left; 
}

.mini-member-name {
    font-size: 1rem;
    font-weight: 800;
    color: #333333;
}

.mini-member-desc {
    font-size: 0.8rem !important;
    color: #666666;
    line-height: 1.4 !important;
    margin: 0 !important;
    word-break: keep-all;
}