.fh-callout {
  border-left: 4px solid currentColor;
  padding: var(--fh-space-4) var(--fh-space-6);
  background: color-mix(in srgb, currentColor 6%, transparent);
}

.fh-card {
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 8px;
  padding: var(--fh-space-6);
  background: var(--wp--preset--color--base, #fff);
}

.fh-note {
  font-size: 0.95em;
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  padding-block-start: var(--fh-space-3);
}

.fh-photo-frame {
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 8px;
  padding: var(--fh-space-2);
  background: var(--wp--preset--color--base, #fff);
}

.fh-photo-frame img {
  display: block;
  border-radius: 4px;
}