/* 1. 본문 body의 양쪽 정렬 */
.md-typeset p {
  text-align: justify;
  text-justify: inter-word;  /* 단어 간격 기준으로 맞춤 */
  hyphens: manual;
}
/* NO justify — normal left align
.md-typeset p {
  text-align: left !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
} */

/* 2. Table of contents -> Contents */
.md-sidebar--secondary .md-sidebar__title,
.md-sidebar--secondary .md-nav__title,
.md-sidebar--secondary [data-md-component="toc"] .md-sidebar__title,
.md-sidebar--secondary [data-md-component="toc"] .md-nav__title {
  position: relative;
  color: transparent !important;
}
.md-sidebar--secondary .md-sidebar__title::after,
.md-sidebar--secondary .md-nav__title::after,
.md-sidebar--secondary [data-md-component="toc"] .md-sidebar__title::after,
.md-sidebar--secondary [data-md-component="toc"] .md-nav__title::after {
  content: "Contents";
  display: block;
  text-align: left !important;
  color: var(--md-default-fg-color);
}

/* 3. 색상 */
/* 일반 링크(클릭 시 하이라이트) 색상 */
.md-nav__link:hover {
  color: #000000 !important;      /* 원하는 색상 */
  font-weight: 600 !important; /* 원래 두께 유지 */
  text-decoration: underline !important; /* 밑줄 표시 */
  text-underline-offset: 2px;     /* 밑줄과 글자 사이 약간 간격 */
}
/* 현재 페이지(active link) 색상 */
.md-nav__link.md-nav__link--active,
.md-nav__link.md-nav__link--active:hover {
  color: #000000 !important;      /* 진한 색상 */
  font-weight: 600;
}
/* TOC (오른쪽 목차) 내 active 색상 */
.md-nav__item .md-nav__link--active {
  color: #000000 !important;
  font-weight: 600;
}
/* Override MkDocs Material 악센트/focus colors */
:root {
  --md-accent-fg-color: #000000 !important;  /* Changes the accent color globally */
}
/* Override visited link states explicitly */
.md-nav__link:focus,
.md-nav__link:active,
.md-nav__link:visited {
  color: #000000 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.md-sidebar .md-nav__link:focus,
.md-sidebar .md-nav__link:active,
.md-sidebar .md-nav__link:visited {
  color: #000000 !important;
}

/* 4. 헤더 메뉴의 글자 굵기 */
.md-header-nav__title,
.md-tabs__link,
.md-nav__link--top,
.md-header__topic,
.md-header-nav__link,
.md-tabs__item > .md-tabs__link {
  font-size: normal !important;
  font-weight: normal !important;     /* ← 굵기: 400(normal), 500(medium), 600(semi-bold), 700(bold) */
}
/* h1 — 최상위 제목 */
.md-typeset h1 {
  font-weight: 500 !important;   /* 400=보통, 500=중간, 600=세미볼드, 700=볼드 */
}
/* h2 — 섹션 제목 */
.md-typeset h2 {
  font-weight: 500 !important;
}
/* h3, h4 등도 약간 조정 가능 */
.md-typeset h3 {
  font-weight: 500 !important;
}

/* 5. 페이지 메인 이름의 - 문제 */
/* Hide the separator and the second chunk (site name) in the header topic */
.md-header__topic .md-ellipsis + .md-ellipsis::before { 
  content: none !important;  /* kill the dash */
}
.md-header__topic .md-ellipsis + .md-ellipsis {
  display: none !important;  /* hide the site name after the dash */
}

/* 6. Style ONLY the pilcrow anchor (¶) */
a.headerlink {
  color: #000000 !important;
  font-family: "Courier";
  text-decoration: none;
}
/* Do NOT keep the ¶ anchor visible after jumping via TOC */
.md-typeset :target > .headerlink {
  opacity: 0 !important;      /* hide when heading is the :target */
}
/* Make sure it still shows on hover */
.md-typeset [id]:hover > .headerlink {
  opacity: 1 !important;
}

/* 7. 하이퍼링크를 검은색 밑줄로 바꾸기 */
.md-typeset :is(p, li) > a:not(.headerlink) {
  color: #000000 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* 8. 선택된 텍스트만 bold, 나머지는 normal from tab labels (표) */
.md-typeset .tabbed-set > .tabbed-labels > label {
  font-weight: normal !important;
}
/* Make only the ACTIVE tab label bold (supports up to 8 tabs) */
.md-typeset .tabbed-set > input:nth-of-type(1):checked ~ .tabbed-labels > label:nth-of-type(1),
.md-typeset .tabbed-set > input:nth-of-type(2):checked ~ .tabbed-labels > label:nth-of-type(2),
.md-typeset .tabbed-set > input:nth-of-type(3):checked ~ .tabbed-labels > label:nth-of-type(3),
.md-typeset .tabbed-set > input:nth-of-type(4):checked ~ .tabbed-labels > label:nth-of-type(4),
.md-typeset .tabbed-set > input:nth-of-type(5):checked ~ .tabbed-labels > label:nth-of-type(5),
.md-typeset .tabbed-set > input:nth-of-type(6):checked ~ .tabbed-labels > label:nth-of-type(6),
.md-typeset .tabbed-set > input:nth-of-type(7):checked ~ .tabbed-labels > label:nth-of-type(7),
.md-typeset .tabbed-set > input:nth-of-type(8):checked ~ .tabbed-labels > label:nth-of-type(8) {
  font-weight: bold !important;
}