:root {
  --tn-primary: #757afa;
  --tn-dark: #6064cd;
  --tn-light: #9ea2fc;
  --tn-primary-pale: #eeeeff;
  --tn-ink: #1a1a2e;
  --tn-muted: #5a5a7a;
  --tn-subtle: #9999b5;
  --tn-line-strong: #c8c8e0;
  --tn-line: #e4e4ef;
  --tn-paper: #f2f2f8;
  --tn-surface: #fafafc;
  --tn-surface-muted: #e8e8f2;
  --tn-white: #fff;
  --tn-gold: #c9a961;
  --tn-gold-pale: #f5eddb;
  --tn-content: 904px;
  --tn-wide: 1296px;
  --tn-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --tn-serif: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --tn-english: "DM Sans", var(--tn-sans);
  --tn-display: "DM Mono", monospace;
}

.tn-journal-page,
.tn-journal-page button,
.tn-journal-page input {
  font-family: var(--tn-sans);
}

.tn-journal-page {
  margin: 0;
  color: var(--tn-ink);
  background: var(--tn-surface);
}

.tn-journal-page *,
.tn-journal-page *::before,
.tn-journal-page *::after {
  box-sizing: border-box;
}

.tn-journal-page img {
  display: block;
  max-width: 100%;
}

.tn-journal-page a {
  color: inherit;
  text-decoration: none;
}

.tn-journal-page p,
.tn-journal-page h1,
.tn-journal-page h2,
.tn-journal-page h3,
.tn-journal-page ul,
.tn-journal-page figure {
  margin-top: 0;
}

.tn-journal-page .site-content,
.tn-journal-page .ast-container {
  max-width: none;
  padding: 0;
}