/* ===== biobank 전용 — 공통 스타일: cmm/css/main-dept-shared.css 참조 ===== */
/*
 * 06_biobank 001_main.html 전용 보강
 * - 공용 main-add3.css / components.css / common.css 무수정
 * - 모든 셀렉터 .page-biobank-main prefix로 격리 → 다른 사이트 메인 무영향
 * - 디자인 토큰만 사용 (구조 수치 1px·2px만 직접 기재)
 */

/* a) 운영현황 패널 — a→div 전환 결과 보정 */
.page-biobank-main .main-research__panel {
  cursor: default;
  text-decoration: none;
}

/* b) 패널 안 액션 그룹 (3개 은행 분기) */
.page-biobank-main .main-research__panel-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-5);
}

/* c) 버튼 — 01_bri main-research__panel-sub와 동일 글래스 pill 스타일 */
.page-biobank-main .main-research__panel-btn {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-5);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--radius-xl);
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
  color: var(--color-white);
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-biobank-main .main-research__panel-btn:hover,
.page-biobank-main .main-research__panel-btn:focus-visible {
  background: var(--color-white);
  color: var(--color-gray-900);
  border-color: var(--color-white);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

@media (prefers-reduced-motion: reduce) {
  .page-biobank-main .main-research__panel-btn {
    transition: none;
  }
}

/* d) 모바일 768 이하 — 폰트·패딩만 축소 (BRI sub와 동일) */
@media (max-width: 768px) {
  .page-biobank-main .main-research__panel-btn {
    font-size: var(--fs-small);
    padding: 6px 14px;
  }
}