/**
 * Callout, note.
 *
 * Almost nothing belongs here. `.callout`, `.callout__label` and
 * `.callout--info` are owned by pages.css §18, `.container--narrow` and
 * `.section--s` by base.css, and `.placeholder-note` by pages.css §11. This
 * file adds the one thing the kit genuinely does not carry: a link inside the
 * note.
 *
 * Without it, base.css `a { color: inherit; text-decoration: none }` makes an
 * inline link invisible against the note's body text – not a style preference,
 * a failure to distinguish a link by anything other than colour. contact.html
 * patched it per page as `.p-note a`; this is that rule, prefixed and shared.
 */

.callout__prose a {
  color: var(--blue);
  font-weight: 600;
  text-decoration: underline;
}

.callout__prose a:hover {
  color: var(--blue-deep);
}

/* The placeholder chip follows the prose wrapper rather than a sibling <p>, so
   the kit's `.callout p + p` rhythm does not reach it. services.html spaced it
   the same way, one paragraph gap. */
.callout__prose + .placeholder-note {
  margin-block-start: var(--s-2);
}