@font-face {
  font-family: 'Vonwaon Bitmap';
  src: url('/VonwaonBitmap-16px.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {--site-font: 'Vonwaon Bitmap', 'Microsoft YaHei', sans-serif;}
/* The font uses a 16px design grid. Keep text at 16px or 32px. */
body, body * {font-family: var(--site-font) !important; font-synthesis: none;}
body {font-size: 16px; line-height: 2; font-weight: 400;}
.character-description {font-size: 16px; line-height: 2;}
button, input, select, textarea {font-size: 16px; line-height: 1.5;}
nav a, .atlas-tabs a {font-size: 16px;}
header nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.5;
}
.languages button {font-size: 16px; padding: 4px 10px;}
.character {font-size: 16px;}
.character .character-number {font-size: 16px; line-height: 1.5; margin-top: 3px; color:var(--ink);}
.character-description, .tag-description, .work-description,
.character .character-number, .detail .eyebrow {color: #737373;}
.work-description {white-space: pre-wrap; overflow-wrap: anywhere;}
.atlas-subgroup .character span {line-height: 1.5; margin-top: 8px;}
.subgroup-heading h3, .worldhead h3 {font-size: 16px;}
.subgroup-heading span, .worldhead span, .eyebrow,
.tag-help, .tag-filter a, .tag-filter small, .group-tags .badge,
.subgroup-empty, .note, .badge, .art figcaption, footer,
.gate p, .gate .buttons > button, .gate .buttons > a,
.admin-toolbar span, .editor label, .editor .help,
.editor textarea, .top {font-size: 16px;}
.eyebrow {letter-spacing: 0; line-height: 1.5;}
.index-intro h2, .intro h2 {font-size: 32px;}
.index-intro .characters-index-title, .index-intro .section-page-title {font-size: 48px; line-height: 1.5; letter-spacing: 0;}
.prose h2, .editor h1, .gate h1 {font-size: 32px;}
.editor h2 {font-size: 32px;}
h1, h2 {font-size: 32px; line-height: 1.5; font-weight: 400; letter-spacing: 0;}
h3, h4 {font-size: 16px; line-height: 1.5; font-weight: 400;}
.grid {row-gap: 26px;}
.atlas-tabs {gap: 8px 24px;}
.editor textarea {line-height: 2;}
.editor .entry-list button {overflow-wrap: anywhere;}
@media(max-width:700px) {
  nav {gap: 20px;}
  header nav {gap: 8px;}
  header nav a {padding: 8px 10px;}
  .atlas-tabs {gap: 6px 18px;}
  .index-intro h2, .intro h2, .gate h1 {font-size: 32px;}
  .index-intro .characters-index-title, .index-intro .section-page-title {font-size: 32px;}
}