/* 040_edu_policy.html 페이지 전용 */

/* 임상시험 종사자 교육과정 표: 행 단위 호버 대신 셀병합 그룹(tbody) 단위 호버 */
.page-hrpp-edu-policy .table--label tbody tr:hover {
    background-color: transparent;
}

.page-hrpp-edu-policy .table--label tbody:hover {
    background-color: var(--color-primary-25);
}

/* tbody 그룹 경계선 보정
   - 첫 번째 tbody의 rowspan=4 셀(col 4·5) 하단은 .table tbody td 기본(gray-100, 얇음)이라
     tbody 경계에서 다른 컬럼(gray-300, 두꺼움)과 두께가 어긋남.
   - 두 번째 tbody 첫 행에 동일 두께 상단선을 강제해 가로 한 줄이 일관되게 보이도록 보정. */
.page-hrpp-edu-policy .table--label tbody + tbody tr:first-child td,
.page-hrpp-edu-policy .table--label tbody + tbody tr:first-child th {
    border-top: 1px solid var(--color-gray-300);
}

/* 세로 구분선 누락 보정
   - components.css 의 `.table--grid tbody td:last-child { border-right: none }` (specificity 0,2,2)
     은 rowspan 때문에 다음 컬럼이 비어 있는 행의 중간 컬럼 셀이 그 행의 :last-child 로 매칭되어
     우측 세로선이 사라지는 부작용이 있다.
   - 영향 셀: row 2 col3 "12시간 이상", row 3 col2 "그 밖의 위원", row 4 col3 관리약사 행의 "8시간 이상".
   - 해결: page body class + .table--label 로 specificity (0,3,1)을 확보해
     components.css 의 :last-child 규칙(0,2,2)을 이기도록 한다. */
.page-hrpp-edu-policy .table--label tbody td.has-right-border,
.page-hrpp-edu-policy .table--label tbody th.has-right-border {
    border-right: 1px solid var(--color-gray-100);
}

@media (max-width: 767px) {
  /* 모바일/터치: tbody 그룹 hover 효과 비활성화 (터치 기기 적합성) */
  .page-hrpp-edu-policy .table--label tbody:hover {
    background-color: transparent;
  }
}