@charset "UTF-8";
/**
 * Make Group a Link — front-end styles.
 *
 * The "stretched-link" / "card link" pattern. Three responsibilities:
 *
 *   1. Make the group act as the positioning container for the overlay
 *      <a> so it can absolutely-cover the entire group surface.
 *
 *   2. Lift inner interactive elements (links, buttons, form controls)
 *      above the overlay's stacking context so they stay clickable.
 *
 *   3. Apply the author-configured hover/focus state — driven by CSS
 *      custom properties render.php emits as inline styles on the
 *      group's outer div, so this stylesheet stays static.
 *
 * Keyboard parity: every :hover rule is mirrored to :focus-visible so
 * keyboard users get the same visual affordance when the overlay link
 * is focused. The overlay also exposes a clear focus outline.
 */
.has-intro-group-link {
  position: relative;
  cursor: pointer;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease;
}
.has-intro-group-link:hover, .has-intro-group-link:focus-within {
  background-color: var(--intro-group-link-hover-bg, var(--wp--style--block-gap-fallback-bg, transparent));
  color: var(--intro-group-link-hover-color, inherit);
  transform: scale(var(--intro-group-link-hover-scale, 1));
}
.has-intro-group-link:hover a:not(.intro-group-link__overlay), .has-intro-group-link:focus-within a:not(.intro-group-link__overlay) {
  color: var(--intro-group-link-hover-link-color, var(--intro-group-link-hover-color, inherit));
}
.has-intro-group-link > .intro-group-link__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  max-width: none;
  background: transparent;
  border: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.has-intro-group-link > .intro-group-link__overlay:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}
.has-intro-group-link :is(a, button, input, select, textarea, [tabindex]):not(.intro-group-link__overlay) {
  position: relative;
  z-index: 2;
}

.has-intro-group-link.has-intro-group-link-force-override:hover, .has-intro-group-link.has-intro-group-link-force-override:focus-within {
  background-color: var(--intro-group-link-hover-bg, transparent) !important;
}
.has-intro-group-link.has-intro-group-link-force-override:hover, .has-intro-group-link.has-intro-group-link-force-override:hover *:not(.wp-block-button):not(.wp-block-button *), .has-intro-group-link.has-intro-group-link-force-override:focus-within, .has-intro-group-link.has-intro-group-link-force-override:focus-within *:not(.wp-block-button):not(.wp-block-button *) {
  color: var(--intro-group-link-hover-color, inherit) !important;
}
.has-intro-group-link.has-intro-group-link-force-override:hover a:not(.intro-group-link__overlay):not(.wp-block-button *),
.has-intro-group-link.has-intro-group-link-force-override:hover a:not(.intro-group-link__overlay):not(.wp-block-button *):hover,
.has-intro-group-link.has-intro-group-link-force-override:hover a:not(.intro-group-link__overlay):not(.wp-block-button *):focus, .has-intro-group-link.has-intro-group-link-force-override:focus-within a:not(.intro-group-link__overlay):not(.wp-block-button *),
.has-intro-group-link.has-intro-group-link-force-override:focus-within a:not(.intro-group-link__overlay):not(.wp-block-button *):hover,
.has-intro-group-link.has-intro-group-link-force-override:focus-within a:not(.intro-group-link__overlay):not(.wp-block-button *):focus {
  color: var(--intro-group-link-hover-link-color, var(--intro-group-link-hover-color, inherit)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .has-intro-group-link {
    transition: none;
  }
}