/* A semantic heading link becomes the single full-card target. */
.clickable-parent {
  position: relative;
  cursor: pointer;
}

.clickable-parent :is(h2, h3) a {
  color: inherit;
  text-decoration: none;
}

.clickable-parent :is(h2, h3) a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: var(--clickable-parent-radius, var(--radius-l));
}

.clickable-parent :is(h2, h3) a:focus-visible {
  outline: 0;
}

.clickable-parent :is(h2, h3) a:focus-visible::before {
  outline: 3px solid var(--color-gold);
  outline-offset: 3px;
}

.clickable-parent :is(.service-card__link, .entry-card__link),
.clickable-parent .rich-text a {
  position: relative;
  z-index: 4;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}