/*
 * 한글 글꼴.
 *
 * Tabler 는 Inter 를 기본으로 잡는데 Inter 에는 한글이 없다. 그러면 브라우저가
 * 알아서 대체 글꼴을 고르는데, 그 선택이 OS 마다 다르고 대개 좋지 않다 —
 * 윈도우에서는 굴림으로 떨어지는 경우가 있고, 영문과 한글의 크기·굵기가 따로
 * 놀아 한 문장 안에서 줄이 튄다.
 *
 * 그래서 각 OS 의 기본 한글 글꼴을 명시적으로 지정한다. Pretendard 를 앞에
 * 두었지만 파일을 싣지는 않았다 — 1MB 를 더 받게 하느니 시스템 글꼴이 낫고,
 * 사용자가 이미 설치했다면 그것이 쓰인다.
 *
 * 숫자에 tnum(고정폭 숫자)을 켜는 이유는 이 사이트가 표를 많이 쓰기 때문이다.
 * 비례폭 숫자로는 세로로 쌓인 수치의 자릿수가 어긋나 보인다.
 */

:root {
    --tblr-font-sans-serif: 'Pretendard', 'Pretendard Variable', -apple-system,
        BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR',
        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji';
    --tblr-font-monospace: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
        'Liberation Mono', monospace;
}

body {
    font-family: var(--tblr-font-sans-serif);
    /* 한글은 라틴 문자보다 세로로 빽빽해서 같은 행간이면 답답하게 읽힌다. */
    line-height: 1.6;
    /* 한글에는 단어 사이 공백이 드물어 영문 규칙으로는 줄바꿈이 어색해진다. */
    word-break: keep-all;
    overflow-wrap: break-word;
}

.table,
.text-tabular,
.card-table {
    font-variant-numeric: tabular-nums;
}

/* 제목은 조금 더 조이는 편이 한글에서 읽기 좋다. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title {
    line-height: 1.35;
    letter-spacing: -0.01em;
}