.blog.link-list li:not(:last-child) {
  margin-bottom: 0.25rem;
}

.callout {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: 0.8rem;
  border-radius: var(--border-radius);
  border-left: 4px solid var(--border-color);
}

.callout .header {
  font-weight: 600;
  font-variant: all-small-caps;
  margin-bottom: 0.25rem;
}

.callout.info {
  background-color: hsla(var(--cyan) var(--dark) / 0.25);
  border-color: hsla(var(--cyan) var(--light) / 0.5);
}

.callout.info .header {
  --color: light-dark(
    hsl(var(--cyan) var(--darker)),
    hsl(var(--cyan) var(--light))
  );

  color: var(--color);
}

.callout.warning {
  background-color: hsla(var(--yellow) var(--dark) / 0.25);
  border-color: hsla(var(--orange) var(--light) / 0.5);
}

.callout.warning .header {
  --color: light-dark(
    hsl(var(--orange) var(--darker)),
    hsl(var(--yellow) var(--light))
  );

  color: var(--color);
}