:root {
  --math-callout-accent: #b5830a;
  --math-callout-background: color-mix(
    in srgb,
    var(--math-callout-accent) 15%,
    var(--quarto-body-bg, #ffffff)
  );
  --math-callout-header-background: color-mix(
    in srgb,
    var(--math-callout-accent) 22%,
    var(--quarto-body-bg, #ffffff)
  );
}

.callout.math-callout {
  background: var(--math-callout-background) !important;
  border: 0 !important;
  border-left: 4px solid var(--math-callout-accent) !important;
  border-radius: 0.25rem !important;
  break-inside: avoid;
  margin: 1.25rem 0;
  page-break-inside: avoid;
}

.callout.math-callout > .callout-header {
  background: var(--math-callout-header-background) !important;
}

.callout.math-callout > .callout-header::before {
  color: var(--math-callout-accent);
  content: "◆";
  font-size: 0.8em;
  margin-right: 0.55rem;
  margin-top: 0.1em;
}

.callout.math-callout.math-callout-proof > .callout-header::before,
.callout.math-callout.math-callout-solution > .callout-header::before {
  content: "∴";
}

.callout.math-callout.math-callout-remark > .callout-header::before {
  content: "✎";
}

.callout.math-callout .callout-title-container {
  font-style: normal;
  font-weight: 700;
}

.callout.math-callout.callout-style-default .callout-body {
  padding: 0.5em;
}

.callout.math-callout .theorem,
.callout.math-callout .proof {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.callout.math-callout .theorem-title,
.callout.math-callout .proof-title {
  display: block;
  margin-bottom: 0.75rem;
}

.callout.math-callout .callout-body > :first-child,
.callout.math-callout .callout-body > div > :first-child {
  margin-top: 0;
  padding-top: 0;
}

.callout.math-callout .callout-body > :last-child,
.callout.math-callout .callout-body > div > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}