:root {
  --trpl-font-sans-ko: "Pretendard Variable", "Pretendard", "Noto Sans KR",
    "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;
  --trpl-font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code",
    "Fira Code", "D2Coding", "Menlo", "Consolas", monospace;
}

html,
body {
  font-family: var(--trpl-font-sans-ko);
  text-rendering: optimizeLegibility;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.content main,
.chapter,
.menu-title,
.sidebar,
.sidebar a,
.nav-chapters,
.mobile-nav-chapters,
.chapter li,
.chapter p,
.chapter blockquote,
.chapter table {
  font-family: var(--trpl-font-sans-ko);
}

.content main {
  line-height: 1.82;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.chapter h1,
.chapter h2,
.chapter h3,
.chapter h4 {
  font-family: var(--trpl-font-sans-ko);
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.chapter p code,
.chapter li code,
.chapter td code,
.chapter th code,
pre,
pre code,
code {
  font-family: var(--trpl-font-mono);
}

pre,
.content main pre {
  font-size: 0.9em;
  line-height: 1.6;
}

.sidebar {
  font-size: 0.95em;
  line-height: 1.55;
}

blockquote {
  line-height: 1.75;
}

table {
  line-height: 1.6;
}

@media (max-width: 768px) {
  .content main {
    font-size: 17px;
    line-height: 1.78;
  }

  .sidebar {
    font-size: 0.93em;
  }
}