.skillmd-scope {
  --nav-h: 7rem;
  --paper: #fff;
  --paper-2: #fff;
  --hero-bg: #fff;
  --ink: #27272a;
  --muted: #52525b;
  --line: #e5e7eb;
  --line-2: #d4d4d8;
  --accent: #2563eb;
  --accent-2: #2563eb;
  --acc: #2563eb;
  --maxw: 1120px;
  --display: Inter, -apple-system, "PingFang SC", sans-serif;
  --sans: Inter, -apple-system, "PingFang SC", sans-serif;
  --mono: Inter, -apple-system, "PingFang SC", sans-serif;
  --sksans: Inter, -apple-system, "PingFang SC", sans-serif;
  --skmono: "JetBrains Mono", "SF Mono", Menlo, monospace;
  --code: "JetBrains Mono", "SF Mono", Menlo, monospace;
  --fm: "JetBrains Mono", "SF Mono", Menlo, monospace;
  color-scheme: light;
  background: #fff;
  color: var(--ink);
  min-height: calc(100svh - 6rem);
  position: relative;
  font-family: Inter, -apple-system, "PingFang SC", sans-serif !important;
}

.skillmd-scope :not(code):not(pre):not(kbd):not(.sk-kbd) {
  font-family: Inter, -apple-system, "PingFang SC", sans-serif;
}

.skillmd-scope code,
.skillmd-scope pre,
.skillmd-scope kbd,
.skillmd-scope .sk-kbd {
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
}

.skillmd-scope a,
.skillmd-scope a:hover {
  text-decoration: none !important;
}

.skillmd-scope header.site,
.skillmd-scope footer.site {
  display: none !important;
}

.skillmd-scope .sk-pinned {
  top: var(--nav-h);
}

.skillmd-scope:before {
  position: absolute !important;
  z-index: 0 !important;
}

.skillmd-scope:after {
  display: none !important;
}

.skillmd-scope a.sk-primary,
.skillmd-scope .sk-secondary,
.skillmd-scope .sk-more,
.skillmd-scope .sk-bar,
.skillmd-scope .sk-pinned-act,
.skillmd-scope .sk-card[aria-labelledby="trust-h"],
.skillmd-scope .sk-report,
.skillmd-scope .sk-report-form {
  display: none !important;
}

.skillmd-scope .sk-live,
.skillmd-scope .wrap,
.skillmd-scope main.wrap {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
  padding-inline: 24px !important;
  box-sizing: border-box;
}

.skillmd-scope .sk-copy .done {
  display: none;
}

.skillmd-scope .sk-copy.is-copied .idle {
  display: none;
}

.skillmd-scope .sk-copy.is-copied .done {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.skillmd-scope .sk-primary,
.skillmd-scope .sk-agents [role=tab][aria-selected=true],
.skillmd-scope .sk-copy.is-copied,
.skillmd-scope .sk-pub:hover,
.skillmd-scope .sk-live-prose a {
  color: #2563eb;
}

.skillmd-scope .sk-live-prose a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.skillmd-scope .sk-live-prose {
  font-family: Inter, -apple-system, "PingFang SC", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #3f3f46 !important;
}

.skillmd-scope .sk-live-prose h1,
.skillmd-scope .sk-live-prose h2,
.skillmd-scope .sk-live-prose h3,
.skillmd-scope .sk-live-prose h4 {
  font-family: Inter, -apple-system, "PingFang SC", sans-serif !important;
  color: #18181b !important;
  letter-spacing: -0.02em;
}

.skillmd-scope .sk-live-prose h2 {
  margin-top: 32px;
  padding-top: 8px;
  border-top: 1px solid #ececee;
  font-size: 20px !important;
}

.skillmd-scope .sk-live-prose h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.skillmd-scope .sk-live-prose h3 {
  font-size: 16px !important;
}

.skillmd-scope .sk-live-prose ul,
.skillmd-scope .sk-live-prose ol {
  gap: 8px;
}

.skillmd-scope .sk-live-files {
  border-top: 0;
  margin: 0 -6px;
}

.skillmd-scope .sk-live-file {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
  font-size: 12.5px;
}

.skillmd-scope .sk-live-file-pre {
  margin: 0;
  max-height: 360px;
  overflow: auto;
  border: 1px solid #ececee;
  border-radius: 8px;
  background: #f8f8f8;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.skillmd-notice {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 130;
  transform: translateX(-50%);
  border: 1px solid var(--line, #e2ddd9);
  border-radius: 999px;
  background: var(--paper-2, #fff);
  color: var(--ink, #131211);
  padding: 10px 16px;
  font-size: 13px;
  box-shadow: 0 10px 30px -18px rgb(19 18 17 / 0.45);
}