/* ============================================================
   clab-equipment.css
   연구실험부(03_clab) 보유장비 페이지 전용 override
   - 각 장비 이미지 크기를 통일 (480 × 320 박스 + object-fit: contain)
   - 비율은 유지하고 빈 공간은 옅은 회색 배경으로 통일감 부여
   - 적용 범위: .content-block__image (보유장비 페이지에서만 이 파일이 로드됨)
   - 발주처 요청(2026-07-13): 기존 body.clab-equipment-page 스코프는 DB 렌더 페이지의
     body class가 비어 매칭 실패 → 장비 이미지가 제각각 높이로 노출됐음.
     본 파일은 보유장비 페이지에서만 로드되므로 스코프를 제거해 항상 프레임 고정(380px)+무크롭 적용.
   ============================================================ */

.content-block__image {
  margin: 20px auto;
  width: 100%;
  max-width: 560px;
  text-align: center;
}

.content-block__image img {
  display: block;
  width: 100%;
  height: 380px;
  object-fit: contain;
  /* 발주처 요청(2026-07-13): 여백 흰색 — 비율이 정확히 안 맞아도 흰 배경에 묻혀 티 안 나게.
     프레임은 380px 고정+contain 유지(무크롭). */
  background-color: var(--color-white);
  border-radius: 8px;
  border: 1px solid var(--color-gray-200);
}

/* 모바일: 사이즈 자동 축소 */
@media (max-width: 768px) {
  .content-block__image img {
    height: 280px;
  }
}

/* ===========================================
   다중 행 표 modifier (.table--multiline) — opt-in (G1 잘림 방지)
   - 보유장비 페이지(clab-common.css 미로드 케이스 포함)가 모두 로드하는
     본 파일에 동일 규칙을 둬서, 장비 사양표(table--label table--grid)의
     장비특징·이용안내·설치장소 장문이 "…"로 잘리지 않게 한다.
   - 공용 components.css 무수정. clab-common.css §과 동일 규칙(opt-in).
   =========================================== */
.table.table--multiline tbody td,
.table.table--multiline tbody th {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: keep-all;
  overflow-wrap: break-word;
  vertical-align: top;
  line-height: var(--lh-body);
}

/* ===========================================
   개행 보존 셀 (.cell--preline) — 장비특징·이용안내 전용
   - BO 장비관리의 이용안내/장비특징은 순수 textarea 입력이라 저장값에 개행문자(\n)가 들어간다.
     기본 white-space:normal 은 \n 을 공백으로 병합해 FO에서 한 줄로 붙어버린다.
   - 해당 두 셀에만 pre-line 을 줘서 관리자가 넣은 줄바꿈을 그대로 보존한다
     (연속 공백은 병합 → 들여쓰기가 화면에 튀지 않음, 자동 줄바꿈 유지).
   - 공용 table--multiline 규칙은 건드리지 않아 담당자·층별시설 등 타 clab 표는 무영향.
   =========================================== */
.table.table--multiline tbody td.cell--preline {
  white-space: pre-line;
}

/* ===========================================
   CMI 보유장비 목록(150) event-card 장비 썸네일 — 잘림 없이 전체 노출
   - 사진 비율이 제각각이라 contain(세로·가로 중 한쪽이 박스에 딱 맞을 때까지 축소) + 흰 배경.
   - 150 에서만 link(공용/160 무영향). per-lab 페이지엔 event-card 없어 무영향.
   =========================================== */
.event-card .event-card__image {
  object-fit: contain;
}

.event-card .event-card__image-wrapper {
  background-color: var(--color-white);
}