/* Markdown styles */
.md-image {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
  margin: 1em 0 !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
  -ms-interpolation-mode: bicubic !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

.md-video {
  object-fit: contain !important;
  background-color: var(--background-main-color) !important;
}

.md-header {
  margin-top: 1.5em !important;
  margin-bottom: 1em !important;
  color: var(--text-color-1) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.md-header.h1 {
  font-size: 2.2em !important;
  border-bottom: 1px solid var(--border-color-4) !important;
  padding-bottom: 0.3em !important;
}

.md-header.h2 {
  font-size: 1.8em !important;
  border-bottom: 1px solid var(--border-color-4) !important;
  padding-bottom: 0.3em !important;
}

.md-header.h3 {
  font-size: 1.5em !important;
}

.md-header.h4 {
  font-size: 1.3em !important;
}

.md-header.h5 {
  font-size: 1.2em !important;
}

.md-header.h6 {
  font-size: 1em !important;
  color: var(--muted-text-color) !important;
}

.md-fenced-code {
  margin: 1em 0 !important;
  padding: 1em !important;
  background-color: var(--background-main-color) !important;
  border-radius: 6px !important;
  border: 1px solid var(--border-color-4) !important;
  overflow: auto !important;
}

.md-code-content {
  font-family: monospace !important;
  font-size: 0.9em !important;
  line-height: 1.5 !important;
  white-space: pre !important;
  word-break: normal !important;
  word-wrap: normal !important;
  margin: 0px !important;
  padding: 0px !important;
  overflow: initial !important;
  border: 0px !important;
}

.md-inline-code {
  padding: 0.2em 0.4em !important;
  margin: 0 !important;
  font-size: 0.9em !important;
  background-color: var(--background-main-color) !important;
  border-radius: 3px !important;
  font-family: monospace !important;
  border: 1px solid var(--border-color-4) !important;
}

.md-blockquote {
  padding: 0 1em !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: var(--muted-text-color) !important;
  border-left: 4px solid var(--border-color-3) !important;
}

.md-blockquote > :first-child {
  margin-top: 0 !important;
}

.md-blockquote > :last-child {
  margin-bottom: 0 !important;
}

.md-list {
  padding-left: 2em !important;
  margin-top: 0.5em !important;
  margin-bottom: 1em !important;
}

.md-list li {
  margin-bottom: 0.25em !important;
}

.md-link {
  color: var(--primary-color) !important;
  text-decoration: none !important;
}

.md-link:hover {
  text-decoration: underline !important;
  color: var(--primary-color-hover) !important;
}

.md-image {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
  margin: 1em 0 !important;
}

.md-italic {
  font-style: italic !important;
}

.md-bold {
  font-weight: 700 !important;
}

.md-hr {
  height: 0.25em !important;
  padding: 0 !important;
  margin: 1.5em 0 !important;
  background-color: var(--border-color-4) !important;
  border: 0 !important;
  border-radius: 3px !important;
}

.md-strikethrough {
  text-decoration: line-through !important;
  color: var(--muted-text-color) !important;
}