/* Callout styles */

.callout-note,
.callout-tip,
.callout-warning,
.callout-caution,
.callout-important,
.callout-exercise {
  padding: 0.4em 0.7em;

  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-radius: 0.375rem;
  overflow-wrap: break-word;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.callout-note {
  border: 2px solid #5a70a9;
  background-color: #eef4fc;
}
.callout-tip {
  border: 2px solid #5aa95a;
  background-color: #eafcee;
}
.callout-warning {
  border: 2px solid #d4a35a;
  background-color: #fdf7e8;
}
.callout-caution {
  border: 2px solid #d4915a;
  background-color: #fdf2e8;
}
.callout-important {
  border: 2px solid #d45a5a;
  background-color: #fde8e8;
}

/* Additional */

.callout-exercise {
  border: 2px solid #8eb1d2;
  background-color: #f2f7fb;
}