.main-content blockquote {
  margin: 1.5rem 0;
  padding: 0.875rem 1rem;
  border-left: 3px solid var(--link-color);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--text-muted);
}

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

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

.main-content .docmd-container.callout-example {
  --callout-color: #7c3aed;
  border-color: #7c3aed;
  background: rgb(124 58 237 / 8%);
}

.main-content .docmd-container.callout-note {
  --callout-color: #3498db;
  border-color: #3498db;
  background: rgb(52 152 219 / 8%);
}

.toc-level-2 {
  padding-left: 1rem;
}

.github-project-link {
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: var(--radius-md);
  color: var(--text-color);
}

.github-project-link:hover {
  background: color-mix(in srgb, var(--link-color) 12%, transparent);
  color: var(--link-color);
}

.github-project-link svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

:root[data-theme="dark"] {
  --bg-color: #191919;
  --text-color: #e6e6e6;
  --text-muted: #a6a6a6;
  --text-heading: #f0f0f0;
  --link-color: #d4d4d4;
  --link-color-hover: #ffffff;
  --border-color: #373737;
  --border-color-codeblock: #373737;
  --header-bg: rgb(25 25 25 / 80%);
  --header-border: #373737;
  --sidebar-bg: #191919;
  --sidebar-text: #d4d4d4;
  --sidebar-link-active-bg: #252525;
  --sidebar-link-active-text: #ffffff;
  --code-bg: #252525;
  --code-text: #e6e6e6;
  --scrollbar-thumb: #373737;
  --scrollbar-thumb-hover: #5a5a5a;
}

:root[data-theme="dark"] .content-area::before {
  background: none;
}

.main-content a:any-link {
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 46%, transparent);
  text-underline-offset: 0.14em;
}

.main-content img {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-select: none;
}