/* whole site */

#main {
  width: 960px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

/* dark mode */

body.dark, body.dark * {
  background-color: #181a1b;
  color: #cecac3;
}
body.dark .markdown-body a {
  color: rgb(76, 172, 252);
}
body.dark .markdown-body h1, body.dark .markdown-body h2, body.dark .markdown-body h3, body.dark .markdown-body h4, body.dark .markdown-body h5 {
  border-bottom-color: rgb(53, 58, 60);
}
body.dark .markdown-body hr {
  background-color: rgb(53, 58, 60);
}
body.dark .markdown-body .highlight pre:not(.CodeMirror-line), body.dark .markdown-body pre:not(.CodeMirror-line) {
  background-color: rgb(28, 30, 31);
}
body.dark .CodeMirror {
  background-color: transparent;
}
body.dark .editor-toolbar a {
  border-color: transparent;
  text-decoration-color: initial !important;
  color: rgb(174, 194, 211) !important;
}
body.dark .editor-toolbar, body.dark .CodeMirror {
  border-color: rgb(59, 64, 66);
}
body.dark .editor-toolbar i.separator {
  border-left-color: rgb(59, 64, 66);
  border-right-color: rgb(48, 52, 54);
  color: transparent;
}

/* nav */

#toggle-ui-mode {
  float: right;
  width: 30px;
  height: 30px;
  background-image: url(/img/moon.svg);
  background-position: center;
  background-repeat: no-repeat;
}

body.dark #toggle-ui-mode {
  background-image: url(/img/sun.svg);
}

#toggle-ui-mode a {
  display: block;
  width: 30px;
  height: 30px;
  background: transparent;
}

/* content */

a.new {
  color: red;
}

.markdown-body .error {
  margin: 10px 0;
  color: red;
}

.markdown-body h1:first-of-type {
  margin-top: 1em;
}

.markdown-body h2 {
  border-bottom: none;
}

.markdown-body summary {
  margin-left: -1em;
  margin-top: 0.5em;
}

.markdown-body img {
  max-width: 400px;
  background-color: transparent;
}

/* code  */

.CodeMirror {
  font-family: monospace !important;
}

.CodeMirror .CodeMirror-code .cm-header-1, .CodeMirror .CodeMirror-code .cm-header-2, .CodeMirror .CodeMirror-code .cm-header-3, .CodeMirror .CodeMirror-code .cm-header-4, .CodeMirror .CodeMirror-code .cm-header-5 {
  font-size: inherit;
}

input[type="text"] {
  zoom: 200%;
}

pre {
  padding: 16px;
  overflow: auto;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}

code a, code a:visited {
  color: black;
}

:not(pre)>code {
  line-height: 1.5;
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
}

/* fuzzy finder */

#jump-page {
  margin: 0 auto;
  width: 300px;
}

#jump-page .active {
  font-weight: bold;
}

/* nested wiki pages */

#index-page .inner {
  margin-left: 2rem;
}

/* sync */

.sync-error {
  color: red;
}