/* 본인 추가 스타일 */

/* 키보드로 이동할 때 현재 초점 위치를 눈에 띄게 표시 */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.nav-link:focus-visible {
  outline: 3px solid #f59e0b;
  outline-offset: 3px;
  border-radius: 4px;
}

/* 긴 URL·영단어가 좁은 화면에서 가로로 넘치지 않게 줄바꿈 */
#about, #experience, #education, #projects, .page-content {
  overflow-wrap: anywhere;
  word-break: keep-all;
}

/* 좁은 화면에서 표의 항목 이름(첫 열)이 글자 단위로 끊기지 않게 함 */
.page-content table th:first-child,
.page-content table td:first-child {
  white-space: nowrap;
  overflow-wrap: normal;
}