/**
 * Highlight Card
 *
 * A documentation-style callout built on the native Gutenberg Group block.
 * Colors inherit from the surrounding article so the component remains
 * readable on both light and dark theme surfaces.
 */
.wp-block-group.is-style-highlight-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-block: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  overflow-wrap: break-word;
  color: inherit;
  background-color: rgba(127, 127, 127, .08);
  background-color: color-mix(in srgb, currentColor 6%, transparent);
  border: 0;
  border-left: 3px solid var(--bs-primary, #0d6efd);
  border-radius: clamp(.625rem, 1vw, 1rem);
  box-shadow: none;
}

.wp-block-group.is-style-highlight-card > :first-child {
  margin-top: 0;
}

.wp-block-group.is-style-highlight-card > :last-child {
  margin-bottom: 0;
}

.wp-block-group.is-style-highlight-card > .wp-block-heading {
  margin-bottom: .625rem;
  color: inherit;
}

.wp-block-group.is-style-highlight-card > p {
  color: inherit;
}