/* Review cards remain editorial content; only their surface acknowledges a pointer. */
#katercon-studio-v4 .ks-proof .ks-review-card {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

#katercon-studio-v4 .ks-proof .ks-google-link,
#katercon-studio-v4 .ks-proof .ks-review-controls button {
  transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

#katercon-studio-v4 .ks-proof :is(.ks-google-link, .ks-review-controls button):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@media (hover: hover) {
  #katercon-studio-v4 .ks-proof .ks-review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 42%, var(--paper));
  }

  #katercon-studio-v4 .ks-proof .ks-google-link:hover,
  #katercon-studio-v4 .ks-proof .ks-review-controls button:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 1px var(--accent);
    color: var(--accent);
  }
}

#katercon-studio-v4 .ks-proof .ks-google-link:active,
#katercon-studio-v4 .ks-proof .ks-review-controls button:not(:disabled):active {
  transform: translateY(1px);
}

@media (prefers-reduced-motion: reduce) {
  #katercon-studio-v4 .ks-proof :is(.ks-review-card, .ks-google-link, .ks-review-controls button),
  #katercon-studio-v4 .ks-proof .ks-review-card:hover,
  #katercon-studio-v4 .ks-proof .ks-google-link:active,
  #katercon-studio-v4 .ks-proof .ks-review-controls button:not(:disabled):active {
    transform: none;
    transition: none;
  }
}