.sidebar-note {
  --sidebar-accent: #147d82;
  --sidebar-background: #edf5f4;
  margin-block: 0.75rem 1rem;
  padding: 0.7rem 0.8rem;
  border-top: 2px solid var(--sidebar-accent);
  background: var(--sidebar-background);
  color: #33434a;
  font-size: 0.86rem;
  line-height: 1.55;
}

.sidebar-note.sidebar-tip {
  --sidebar-accent: #9a7415;
  --sidebar-background: #f7f1df;
}

.sidebar-note.sidebar-caution {
  --sidebar-accent: #a34a3f;
  --sidebar-background: #f8ece9;
}

.sidebar-note.sidebar-extra {
  --sidebar-accent: #526b83;
  --sidebar-background: #edf1f5;
}

.sidebar-note.sidebar-knowledge {
  --sidebar-accent: #6f5b7c;
  --sidebar-background: #f2eef5;
}

.sidebar-note > :first-child {
  margin-top: 0;
}

.sidebar-note > :last-child {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .sidebar-note.column-margin {
    width: auto;
  }
}