/* Shared note styles. Uses explicit values so Oxygen PDF Chemistry does not
   need to resolve CSS custom properties. */
*[class~="topic/note"] {
  margin: 1.25rem 0;
  padding: 1rem 1.1rem 1rem 1.25rem;
  border: 1px solid #2563eb;
  border-left: 5px solid #2563eb;
  border-radius: 14px;
  background-color: #eff6ff;
  break-inside: avoid;
}

span.note__title {
  display: block;
  margin-bottom: 0.35rem;
  color: #2563eb;
  font-weight: 700;
}

*[class~="topic/note"].note_tip {
  border-color: #15803d;
  background-color: #f0fdf4;
}
*[class~="topic/note"].note_tip span.note__title { color: #15803d; }

*[class~="topic/note"].note_important,
*[class~="topic/note"].note_attention {
  border-color: #6d28d9;
  background-color: #f5f3ff;
}
*[class~="topic/note"].note_important span.note__title,
*[class~="topic/note"].note_attention span.note__title { color: #6d28d9; }

*[class~="topic/note"].note_warning,
*[class~="topic/note"].note_caution {
  border-color: #b45309;
  background-color: #fffbeb;
}
*[class~="topic/note"].note_warning span.note__title,
*[class~="topic/note"].note_caution span.note__title { color: #b45309; }

*[class~="topic/note"].note_danger,
*[class~="topic/note"].note_restriction {
  border-color: #be123c;
  background-color: #fff1f2;
}
*[class~="topic/note"].note_danger span.note__title,
*[class~="topic/note"].note_restriction span.note__title { color: #be123c; }