:root {
  --theme-color: #5898d4;
  --molx-text: #263238;
  --molx-muted: #7e8a91;
  --molx-border: #d7e6eb;
  --molx-soft: #f4f8fb;
}

body {
  color: var(--molx-text);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.app-name-link {
  color: var(--molx-text);
  font-weight: 750;
}

.sidebar {
  border-right: 1px solid var(--molx-border);
}

.sidebar ul li a {
  color: var(--molx-muted);
  font-size: 14px;
}

.sidebar ul li.active > a {
  border-right-color: var(--theme-color);
  color: var(--theme-color);
  font-weight: 700;
}

.markdown-section {
  max-width: 820px;
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3 {
  color: var(--molx-text);
}

.markdown-section h1 {
  font-size: 2.2rem;
  margin-bottom: 0.8rem;
}

.markdown-section h2 {
  border-bottom: 1px solid var(--molx-border);
  padding-bottom: 0.4rem;
}

.markdown-section blockquote {
  border-left: 4px solid var(--theme-color);
  color: var(--molx-muted);
}

.markdown-section code,
.markdown-section pre {
  border-radius: 6px;
}

.markdown-section code {
  background: var(--molx-soft);
  color: #1f4f78;
}

.markdown-section table {
  display: table;
  width: 100%;
}

.markdown-section th {
  background: var(--molx-soft);
}

.search input {
  border-color: var(--molx-border);
  border-radius: 6px;
}

.search .matching-post {
  border-bottom-color: var(--molx-border);
}