/* Based on https://github.com/sindresorhus/github-markdown-css.
 * Code block colors live in highlight.css.
 */

:root,
html[data-theme="light"] {
  --md-fg: #555;
  --md-bg: #ffffff;
  --md-muted: #555;
  --md-border: #ddd;
  --md-border-muted: #ddd;
  --md-link: #111;
  --md-accent: #111;
  --md-mark-bg: #fff8c5;
  --md-kbd-bg: #f6f8fa;
  --md-table-alt-bg: #f6f8fa;
  --md-quote-bg: #f6f8fa;
  --md-code-bg: #818b981f;
  --md-code-fg: #24292f;
  --md-pre-bg: #f3f4f6;
  --md-danger: #d1242f;
  --md-alert-important: #8250df;
  --md-alert-warning: #9a6700;
  --md-alert-tip: #1a7f37;
  --md-font-serif: "Noto Serif", "Noto Serif CJK SC", "Noto Serif SC", Georgia, "Times New Roman", serif;
  --md-font-sans: "Noto Sans", "Noto Sans CJK SC", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-font: var(--md-font-serif);
  color-scheme: light;
}
/*light */
#content {
  margin: 0 auto;
  width: min(100% - 32px, 920px);
  max-width: none;
  padding: 64px 0 80px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  color: var(--md-fg);
  background-color: var(--md-bg);
  font-family: var(--md-font);
  font-size: 16px;
  line-height: 1.6;
  word-wrap: break-word;
}

#content details,
#content figcaption,
#content figure {
  display: block;
}

#content summary {
  display: list-item;
}

#content [hidden] {
  display: none !important;
}

#content a {
  background-color: rgba(0,0,0,0);
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .18em;
}

#content abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

#content b,
#content strong {
  font-weight: 600;
}

#content dfn {
  font-style: italic;
}

#content h1 {
  margin: .67em 0;
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 1.75em;
  border-bottom: 1px solid var(--md-border-muted);
}

#content mark {
  background-color: var(--md-mark-bg);
  color: var(--md-fg);
}

#content small {
  font-size: 90%;
}

#content sub,
#content sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#content sub {
  bottom: -0.25em;
}

#content sup {
  top: -0.5em;
}

#content img {
  border-style: none;
  border-radius: 18px;
  max-width: 50%;
  height: auto;
  box-sizing: content-box;
}

#content code,
#content kbd,
#content pre,
#content samp {
  font-family: "Fira Code", monospace;
  font-weight: 400;
  font-size: 12px;
}

#content figure {
  margin: 1em 2.5rem;
}

#content hr {
  box-sizing: content-box;
  overflow: hidden;
  background: rgba(0,0,0,0);
  border-bottom: 1px solid var(--md-border-muted);
  height: .25em;
  padding: 0;
  margin: 1.5rem 0;
  background-color: var(--md-border);
  border: 0;
}

#content input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#content [type=button],
#content [type=reset],
#content [type=submit] {
  -webkit-appearance: button;
  appearance: button;
}

#content [type=checkbox],
#content [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

#content [type=number]::-webkit-inner-spin-button,
#content [type=number]::-webkit-outer-spin-button {
  height: auto;
}

#content [type=search]::-webkit-search-cancel-button,
#content [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

#content ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

#content ::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

#content a:hover {
  text-decoration: underline;
}

#content ::placeholder {
  color: var(--md-muted);
  opacity: 1;
}

#content hr::before {
  display: table;
  content: "";
}

#content hr::after {
  display: table;
  clear: both;
  content: "";
}

#content table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  font-variant: tabular-nums;
}

#content td,
#content th {
  padding: 0;
}

#content details summary {
  cursor: pointer;
}

#content a:focus,
#content [role=button]:focus,
#content input[type=radio]:focus,
#content input[type=checkbox]:focus {
  outline: 2px solid var(--md-accent);
  outline-offset: -2px;
  box-shadow: none;
}

#content a:focus:not(:focus-visible),
#content [role=button]:focus:not(:focus-visible),
#content input[type=radio]:focus:not(:focus-visible),
#content input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px rgba(0,0,0,0);
}

#content a:focus-visible,
#content [role=button]:focus-visible,
#content input[type=radio]:focus-visible,
#content input[type=checkbox]:focus-visible {
  outline: 2px solid var(--md-accent);
  outline-offset: -2px;
  box-shadow: none;
}

#content a:not([class]):focus,
#content a:not([class]):focus-visible,
#content input[type=radio]:focus,
#content input[type=radio]:focus-visible,
#content input[type=checkbox]:focus,
#content input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

#content kbd {
  display: inline-block;
  padding: 0.25rem;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--md-fg);
  vertical-align: middle;
  background-color: var(--md-pre-bg);
  border: solid 1px var(--md-border);
  border-bottom-color: var(--md-border);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--md-border);
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #111;
  font-family: var(--md-font-sans);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

#content h2 {
  font-weight: 600;
  padding-bottom: .3em;
  font-size: 1.35em;
  border-bottom: 1px solid var(--md-border-muted);
}

#content h3 {
  font-weight: 600;
  font-size: 1.15em;
}

#content h4 {
  font-weight: 600;
  font-size: 1em;
}

#content h5 {
  font-weight: 600;
  font-size: 1em;
}

#content h6 {
  font-weight: 600;
  font-size: 1em;
}

#content p {
  margin-top: 0;
  margin-bottom: 10px;
}

#content blockquote {
  padding: .75rem 1rem;
  color: var(--md-muted);
  background-color: color-mix(in srgb, var(--md-bg) 98%, var(--md-muted));
  border: 1px solid color-mix(in srgb, var(--md-border) 78%, transparent);
  border-radius: 5px;
  box-sizing: border-box;
}

#content ul,
#content ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

#content ol ol,
#content ul ol {
  list-style-type: lower-roman;
}

#content ul ul ol,
#content ul ol ol,
#content ol ul ol,
#content ol ol ol {
  list-style-type: lower-alpha;
}

#content dd {
  margin-left: 0;
}

#content tt,
#content code,
#content samp {
  font-family: "Fira Code", monospace;
  font-weight: 400;
  font-size: 12px;
}

#content pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Fira Code", monospace;
  font-weight: 400;
  font-size: 12px;
  word-wrap: normal;
}

#content input::-webkit-outer-spin-button,
#content input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

#content>*:first-child {
  margin-top: 0 !important;
}

#content>*:last-child {
  margin-bottom: 0 !important;
}

#content a:not([href]) {
  color: inherit;
  text-decoration: none;
}

#content p,
#content blockquote,
#content ul,
#content ol,
#content dl,
#content table,
#content pre,
#content details {
  margin-top: 0;
  margin-bottom: 1rem;
}

#content blockquote {
  margin: 1.25rem 0;
}

#content blockquote>:first-child {
  margin-top: 0;
}

#content blockquote>:last-child {
  margin-bottom: 0;
}

#content h1 tt,
#content h1 code,
#content h2 tt,
#content h2 code,
#content h3 tt,
#content h3 code,
#content h4 tt,
#content h4 code,
#content h5 tt,
#content h5 code,
#content h6 tt,
#content h6 code {
  padding: 0 .2em;
  font-size: inherit;
}

#content summary h1,
#content summary h2,
#content summary h3,
#content summary h4,
#content summary h5,
#content summary h6 {
  display: inline-block;
}

#content summary h1,
#content summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

#content ul ul,
#content ul ol,
#content ol ol,
#content ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

#content li>p {
  margin-top: 1rem;
}

#content li+li {
  margin-top: .25em;
}

#content dl {
  padding: 0;
}

#content dl dt {
  padding: 0;
  margin-top: 1rem;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

#content dl dd {
  padding: 0 1rem;
  margin-bottom: 1rem;
}

#content table th {
  font-weight: 600;
}

#content table th,
#content table td {
  padding: 6px 13px;
  border: 1px solid var(--md-border);
}

#content table td>:last-child {
  margin-bottom: 0;
}

#content table tr {
  background-color: var(--md-bg);
  border-top: 1px solid var(--md-border-muted);
}

#content table tr:nth-child(2n) {
  background-color: var(--md-pre-bg);
}

#content table img {
  background-color: rgba(0,0,0,0);
}

#content img[align=right] {
  padding-left: 20px;
}

#content img[align=left] {
  padding-right: 20px;
}

#content code,
#content tt {
  padding: .2em .4em;
  margin: 0;
  font-size: 12px;
  white-space: break-spaces;
  color: var(--md-code-fg);
  background-color: var(--md-code-bg);
  border-radius: 6px;
}

#content code br,
#content tt br {
  display: none;
}

#content del code {
  text-decoration: inherit;
}

#content samp {
  font-size: 12px;
}

#content pre code {
  font-size: 12px;
}

#content pre>code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: rgba(0,0,0,0);
  border: 0;
}

#content .highlight {
  margin-bottom: 1rem;
}

#content .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

#content .highlight pre,
#content pre {
  padding: 1rem;
  overflow: auto;
  font-size: 12px;
  font-family: "Fira Code", monospace;
  line-height: 1.45;
  border-radius: 6px;
}

#content pre code,
#content pre tt,
#content pre span,
#content code span {
  display: inline;
  padding: 0;
  margin: 0;
  overflow: visible;
  font-family: "Fira Code", monospace;
  font-size: 12px;
  line-height: inherit;
  word-wrap: normal;
  background-color: rgba(0,0,0,0);
  border: 0;
}

/*
 * Leave Mermaid's typography, geometry and SVG presentation to Mermaid.
 * The preview theme only supplies the surrounding foreground/background
 * palette; forcing label or foreignObject metrics breaks Mermaid's layout.
 */
#content .mermaid,
#content pre.mermaid {
  color: var(--md-fg);
  background-color: transparent;
}

#content [data-footnote-ref]::before {
  content: "[";
}

#content [data-footnote-ref]::after {
  content: "]";
}

#content .footnotes {
  font-size: 12px;
  color: var(--md-muted);
  border-top: 1px solid var(--md-border);
}

#content .footnotes ol {
  padding-left: 1rem;
}

#content .footnotes ol ul {
  display: inline-block;
  padding-left: 1rem;
  margin-top: 1rem;
}

#content .footnotes li {
  position: relative;
}

#content .footnotes li:target::before {
  position: absolute;
  top: calc(0.5rem*-1);
  right: calc(0.5rem*-1);
  bottom: calc(0.5rem*-1);
  left: calc(1.5rem*-1);
  pointer-events: none;
  content: "";
  border: 2px solid var(--md-accent);
  border-radius: 6px;
}

#content .footnotes li:target {
  color: var(--md-fg);
}

#content [role=button]:focus:not(:focus-visible),
#content [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
#content button:focus:not(:focus-visible),
#content summary:focus:not(:focus-visible),
#content a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

#content [tabindex="0"]:focus:not(:focus-visible) {
  outline: none;
}

#content .task-list-item {
  list-style-type: none;
}

#content .task-list-item label {
  font-weight: 400;
}

#content .task-list-item.enabled label {
  cursor: pointer;
}

#content .task-list-item+.task-list-item {
  margin-top: 0.25rem;
}

#content .task-list-item-checkbox {
  margin: 0 .2em .25em -1.4em;
  vertical-align: middle;
}

#content ul:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

#content ol:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

#content ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

#content .markdown-alert {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: inherit;
  border-left: .25em solid var(--md-border);
}

#content .markdown-alert>:first-child {
  margin-top: 0;
}

#content .markdown-alert>:last-child {
  margin-bottom: 0;
}

#content .markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1;
}

#content .markdown-alert.markdown-alert-note {
  border-left-color: var(--md-accent);
}

#content .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--md-accent);
}

#content .markdown-alert.markdown-alert-important {
  border-left-color: var(--md-alert-important);
}

#content .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--md-alert-important);
}

#content .markdown-alert.markdown-alert-warning {
  border-left-color: var(--md-alert-warning);
}

#content .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--md-alert-warning);
}

#content .markdown-alert.markdown-alert-tip {
  border-left-color: var(--md-alert-tip);
}

#content .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--md-alert-tip);
}

#content .markdown-alert.markdown-alert-caution {
  border-left-color: var(--md-danger);
}

#content .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--md-danger);
}

#content .katex,
#content .katex-display,
#content .katex-display > .katex,
#content .katex-html,
#content .katex .base,
#content mjx-container,
#content mjx-container[display="true"],
#content mjx-container svg {
  font-size: 15px;
}