.callout {
  border-left: none !important;
}

.callout blockquote,
.markdown-body .callout {
  border-left: none !important;
}

.callout {
  margin: 1.5rem 0;
  border-radius: 6px;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.callout-title {
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  padding-left: 0.75rem;
  border-left: 4px solid;
}

.callout-body {
  padding-left: 0.75rem;
}

[data-color-mode="light"] .callout-success {
  background-color: #e6f4ea;
  color: #1b4332;
}
[data-color-mode="light"] .callout-title-success {
  border-color: #38a169;
}

[data-color-mode="light"] .callout-warning {
  background-color: #fff8e1;
  color: #5c4400;
}
[data-color-mode="light"] .callout-title-warning {
  border-color: #f6c026;
}

[data-color-mode="light"] .callout-danger {
  background-color: #fdecea;
  color: #842029;
}
[data-color-mode="light"] .callout-title-danger {
  border-color: #e3342f;
}

[data-color-mode="light"] .callout-info {
  background-color: #e7f5fe;
  color: #084298;
}
[data-color-mode="light"] .callout-title-info {
  border-color: #0d6efd;
}

[data-color-mode="dark"] .callout-success {
  background-color: #143c2c;
  color: #d1fae5;
}
[data-color-mode="dark"] .callout-title-success {
  border-color: #38a169;
}

[data-color-mode="dark"] .callout-warning {
  background-color: #4a3c1c;
  color: #fff3cd;
}
[data-color-mode="dark"] .callout-title-warning {
  border-color: #f6c026;
}

[data-color-mode="dark"] .callout-danger {
  background-color: #471c21;
  color: #f8d7da;
}
[data-color-mode="dark"] .callout-title-danger {
  border-color: #e3342f;
}

[data-color-mode="dark"] .callout-info {
  background-color: #1e3a5f;
  color: #d1ecf1;
}
[data-color-mode="dark"] .callout-title-info {
  border-color: #0d6efd;
}