/* GitHub Markdown styling adapted for the SuJian article surface. */
.markdown-body {
  --base-size-4: .25rem;
  --base-size-8: .5rem;
  --base-size-16: 1rem;
  --base-size-24: 1.5rem;
  --base-size-40: 2.5rem;
  --base-text-weight-normal: 400;
  --base-text-weight-medium: 500;
  --base-text-weight-semibold: 600;
  --fontStack-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --focus-outlineColor: var(--primary);
  --fgColor-default: #1f2328;
  --fgColor-muted: #59636e;
  --fgColor-accent: #0969da;
  --fgColor-danger: #d1242f;
  --bgColor-default: transparent;
  --bgColor-muted: #f6f8fa;
  --bgColor-neutral-muted: #818b981f;
  --bgColor-attention-muted: #fff8c5;
  --borderColor-default: #d1d9e0;
  --borderColor-muted: #d1d9e0b3;
  --borderColor-neutral-muted: #d1d9e0b3;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--fgColor-default);
  background-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.72;
  overflow-wrap: anywhere;
}

html[data-theme="dark"] .markdown-body {
  --focus-outlineColor: var(--primary);
  --fgColor-default: #f0f6fc;
  --fgColor-muted: #9198a1;
  --fgColor-accent: #4493f8;
  --fgColor-danger: #f85149;
  --bgColor-default: transparent;
  --bgColor-muted: #151b23;
  --bgColor-neutral-muted: #656c7633;
  --bgColor-attention-muted: #bb800926;
  --borderColor-default: #3d444d;
  --borderColor-muted: #3d444db3;
  --borderColor-neutral-muted: #3d444db3;
}

.markdown-body::before,
.markdown-body::after { display: table; content: ""; }
.markdown-body::after { clear: both; }
.markdown-body > :first-child { margin-top: 0 !important; }
.markdown-body > :last-child { margin-bottom: 0 !important; }
.markdown-body [hidden] { display: none !important; }
.markdown-body details, .markdown-body figcaption, .markdown-body figure { display: block; }
.markdown-body summary { display: list-item; cursor: pointer; }
.markdown-body a { color: var(--fgColor-accent); text-decoration: underline; text-decoration-color: currentColor; text-decoration-color: color-mix(in srgb, currentColor 42%, transparent); text-underline-offset: .18em; }
.markdown-body a:hover { text-decoration-color: currentColor; }
.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
.markdown-body b, .markdown-body strong { font-weight: var(--base-text-weight-semibold); }
.markdown-body mark { color: var(--fgColor-default); background-color: var(--bgColor-attention-muted); }
.markdown-body small { font-size: 90%; }
.markdown-body sub, .markdown-body sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
.markdown-body sub { bottom: -.25em; }
.markdown-body sup { top: -.5em; }

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: var(--base-size-24);
  margin-bottom: var(--base-size-16);
  color: var(--fgColor-default);
  font-weight: var(--base-text-weight-semibold);
  line-height: 1.25;
  scroll-margin-top: 6rem;
}
.markdown-body h1 { padding-bottom: .3em; border-bottom: 1px solid var(--borderColor-muted); font-size: 2em; }
.markdown-body h2 { padding-bottom: .3em; border-bottom: 1px solid var(--borderColor-muted); font-size: 1.5em; }
.markdown-body h3 { font-size: 1.25em; }
.markdown-body h4 { font-size: 1em; }
.markdown-body h5 { font-size: .875em; }
.markdown-body h6 { color: var(--fgColor-muted); font-size: .85em; }

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details { margin-top: 0; margin-bottom: var(--base-size-16); }
.markdown-body ul, .markdown-body ol { padding-left: 2em; }
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
.markdown-body li + li { margin-top: .25em; }
.markdown-body li > p { margin-top: var(--base-size-16); }
.markdown-body blockquote { margin-left: 0; margin-right: 0; padding: 0 1em; color: var(--fgColor-muted); border-left: .25em solid var(--borderColor-default); }
.markdown-body blockquote > :first-child { margin-top: 0; }
.markdown-body blockquote > :last-child { margin-bottom: 0; }
.markdown-body hr { height: .25em; margin: var(--base-size-24) 0; padding: 0; overflow: hidden; border: 0; background-color: var(--borderColor-default); }

.markdown-body code,
.markdown-body tt,
.markdown-body samp,
.markdown-body pre { font-family: var(--fontStack-monospace); }
.markdown-body code, .markdown-body tt { padding: .2em .4em; margin: 0; border-radius: 6px; background-color: var(--bgColor-neutral-muted); font-size: 85%; white-space: break-spaces; }
.markdown-body pre { padding: var(--base-size-16); overflow: auto; border-radius: 6px; background-color: var(--bgColor-muted); font-size: 85%; line-height: 1.45; word-wrap: normal; }
.markdown-body pre > code { padding: 0; margin: 0; border: 0; background: transparent; font-size: 100%; white-space: pre; word-break: normal; }

.markdown-body table { display: block; width: max-content; max-width: 100%; overflow: auto; border-spacing: 0; border-collapse: collapse; font-variant: tabular-nums; }
.markdown-body table th { font-weight: var(--base-text-weight-semibold); }
.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid var(--borderColor-default); }
.markdown-body table tr { border-top: 1px solid var(--borderColor-muted); background-color: var(--bgColor-default); }
.markdown-body table tr:nth-child(2n) { background-color: var(--bgColor-muted); }
.markdown-body table td > :last-child { margin-bottom: 0; }

.markdown-body img { max-width: 100%; height: auto; box-sizing: content-box; border-style: none; }
.markdown-body img[align="right"] { padding-left: 20px; }
.markdown-body img[align="left"] { padding-right: 20px; }
.markdown-body figure { margin: 1em var(--base-size-40); }
.markdown-body kbd { display: inline-block; padding: var(--base-size-4); border: 1px solid var(--borderColor-neutral-muted); border-radius: 6px; background-color: var(--bgColor-muted); box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted); color: var(--fgColor-default); font: 11px var(--fontStack-monospace); line-height: 10px; vertical-align: middle; }
.markdown-body input { margin: 0; font: inherit; }
.markdown-body input[type="checkbox"], .markdown-body input[type="radio"] { box-sizing: border-box; padding: 0; }
.markdown-body .task-list-item { list-style-type: none; }
.markdown-body .task-list-item-checkbox { margin: 0 .2em .25em -1.4em; vertical-align: middle; }
.markdown-body .absent { color: var(--fgColor-danger); }
.markdown-body .footnotes { border-top: 1px solid var(--borderColor-default); color: var(--fgColor-muted); font-size: 12px; }

@media (max-width: 720px) {
  .markdown-body { font-size: 16px; }
  .markdown-body figure { margin-inline: 0; }
}