/* =========================================================================
   Component — note
   An aside that is a note, not an alert. Colour carries nothing: the heading
   says what it is (audit rule E-4), and the rule is a border rather than a
   tinted fill, so it needs none of the semantic pairs L-FE-03 warns about.
   ========================================================================= */

.note {
  border-left: 3px solid var(--sd-secondary);
  padding: 4px 0 4px 18px;
  margin: 0;
}

.note h2,
.note h3 {
  font-size: 15px;
  margin: 0 0 6px;
}

.note p {
  margin: 0;
  font-size: 14px;
  color: var(--doc-ink-soft);
}