/*wh-tiles*/
/*wh-tiles-themes-titles-colors-with-border-and-bg*/
.wh_tile {
  border-radius: 8px;
  background-color: rgba(241, 241, 241, 0.2);
  border: 0.2em solid #f1f1f1;
}
.wh_tile_title {
  font-size: 1.2em;
  text-align: center;
  font-weight: 700;
}
.wh_tile_title span {
  display: block;
  width: 100%;
}
.wh_tile_title a {
  display: block;
  width: 100%;
  color: #000000;
}
.wh_tile_title a:visited {
  color: #000000;
}
.wh_tile_shortdesc {
  margin-top: 0.5em;
  text-align: center;
  color: #000000;
}
.wh_publication_title {
  font-size: 1.5em;
}

.wh_tiles {
    align-content: stretch;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

/* wh_tile 클래스에 4열 레이아웃을 위한 너비 속성 추가 gemini */
.wh_tile {
  flex: 0 0 calc(25% - 20px); /* 4분의 1 너비 설정 (4열) */
  box-sizing: border-box; /* 패딩과 테두리가 너비에 포함되도록 */
  margin: 10px; /* 타일 간 간격 추가 (필요에 따라 조정) */
}

/* 마우스 오버 + 키보드 포커스 시 강조 */
.wh_tile:hover,
.wh_tile:focus-within,
.wh_tile:focus-visible {
  border-color: #f6a64b;        /* 밝은 오렌지 테두리 */
  /* background-color: #fff4e6;    살짝 더 진한 오렌지 톤 */
  outline: none;
}


/*wh-menu-page-colors-link-color-darken*/
.wh_header {
  background-color: rgba(241, 241, 241, 0.2);
  background-image: url('resources/light.png');  /* 이미지 경로 */
  background-size: cover;      /* 이미지가 전체 영역을 덮도록 */
  background-repeat: no-repeat;
  background-position: center;  
}

.booktitle {
  color: #000000;
}

.related-links a:hover,
a:hover {
  text-decoration: none;
  }


/* 브레드크럼 링크 및 활성 항목 색상 */
.wh_breadcrumb ol a,
.wh_breadcrumb ol .active {
    color: #F37321 !important;
}

/* 왼쪽 TOC에서 선택된 항목 링크 색상 */
.wh_publication_toc .active > .topicref a {
  color: #F37321 !important;
}

/*ui control-colors*/
.uicontrol {
    color: #000000;
} 

/* CALS 테이블의 셀에 테두리 적용 */
*[class~="topic/entry"] {
  border: 1px solid #000000;
}

/* 중앙 정렬 스타일 */
*[class~="topic/entry"].align-center,
*[class~="topic/stentry"].align-center {
  text-align: center;
  vertical-align: middle;
}

/* 좌측 정렬 스타일 */
*[class~="topic/entry"].align-left,
*[class~="topic/stentry"].align-left {
  text-align: left;
  vertical-align: middle;
}

/* 하이픈 비활성화, 전체 문서에 적용 */
body, table, th, td, [class*="topic/"] {
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}