@charset "utf-8";

/* * 편집하기 전에 <사용자화된 CSS 활성화> 옵션이 켜져 있는지 확인하십시오. 
 * 이 줄 아래에 사용자화 스타일 시트 코드를 입력하면 됩니다. 
 */

/* Pretendard 폰트 적용 (일반 텍스트 및 UI 요소) */
html,
button,
input,
textarea,
#tt-body-page #article p[class*="moreless"] span {
  font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}

/* 코드블록은 고정폭 폰트 유지 */
code,
pre,
#article code,
#article pre,
#article pre * {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas,
    "Roboto Mono", "Liberation Mono", "Courier New", monospace !important;
}

/* 다크모드 글자색 */
html.night,
html.night a,
html.night button {
  color: #d6d6d6; /* 기본값 #bbb */
}

/* 본문 폰트 크기/줄 간격 */
#article.fc {
  font-size: 16.5px !important; /* 기본값 모바일 16px, 데스크톱 17px */
  line-height: 1.7 !important; /* 기본값 1.75 */
}

/* 본문 밑줄 조정 */
#article u {
  text-underline-offset: 0.24em;
  text-decoration-thickness: 1.2px;
  text-decoration-skip-ink: auto;
}

/* 방문자 수 카운트 말줄임 방지 */
.visitor-emphasis .visitor-count.digit {
  max-width: fit-content;
}

/* 모바일 제목 영역 너비 제한 (401px ~ 450px) */
@media (max-width: 450px) and (min-width: 401px) {
  .gnb-center > div.gnb-title {
    max-width: calc(80vw - 12px);
  }
}