.knowledge-round4-page .resource-card {
  position: relative;
  isolation: isolate;
}

.knowledge-round4-page .resource-card__particle-trail {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.knowledge-round4-page .resource-card__body {
  position: relative;
  z-index: 1;
}

.knowledge-round4-page .resource-card.is-particle-trail-active {
  border-color: var(--round4-ink);
  background: var(--round4-ink);
  color: var(--round4-paper);
}

.knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__meta,
.knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__summary,
.knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__facts,
.knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__cta,
.knowledge-round4-page .resource-card.is-particle-trail-active h3 {
  color: var(--round4-paper);
}

.knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__type {
  color: var(--catalog-accent);
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .knowledge-round4-page .resource-card__particle-trail {
    display: none;
  }

  .knowledge-round4-page .resource-card.is-particle-trail-active {
    background: var(--round4-paper);
    color: var(--round4-ink);
  }

  .knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__meta,
  .knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__summary,
  .knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__facts,
  .knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__cta,
  .knowledge-round4-page .resource-card.is-particle-trail-active h3 {
    color: var(--round4-ink);
  }

  .knowledge-round4-page .resource-card.is-particle-trail-active .resource-card__type {
    color: var(--catalog-accent);
  }
}