/* Shared interaction for the explicitly approved single-destination cards. */
.tn-clickable-card {
  --glow: rgba(30,159,214,.45);
  cursor: pointer;
  transition: transform 180ms ease-out, box-shadow 180ms ease-out;
}

body .tn-clickable-card:hover,
body .tn-clickable-card:focus-within {
  transform: translateY(-4px) rotate(-0.8deg) !important;
  box-shadow: 0 18px 34px -10px var(--glow), 0 0 0 1.5px var(--glow) !important;
}

.tn-clickable-card:focus-within {
  outline: 2px solid #0e4f6e;
  outline-offset: 3px;
}

.tn-clickable-card .arrow,
.tn-clickable-card [data-tn-card-arrow],
.tn-clickable-card .services-path__link > span[aria-hidden="true"],
.tn-clickable-card > a > span[aria-hidden="true"] {
  transition: transform 180ms ease-out;
}

.tn-clickable-card [data-tn-card-arrow] {
  display: inline-block;
}

body .tn-clickable-card:hover .arrow,
body .tn-clickable-card:focus-within .arrow,
body .tn-clickable-card:hover [data-tn-card-arrow],
body .tn-clickable-card:focus-within [data-tn-card-arrow],
body .tn-clickable-card:hover .services-path__link > span[aria-hidden="true"],
body .tn-clickable-card:focus-within .services-path__link > span[aria-hidden="true"],
body .tn-clickable-card:hover > a > span[aria-hidden="true"],
body .tn-clickable-card:focus-within > a > span[aria-hidden="true"] {
  transform: translateX(4px);
}

body .tn-clickable-card:hover a[data-tn-action].link--page::after,
body .tn-clickable-card:focus-within a[data-tn-action].link--page::after {
  margin-left: 4px;
}

@media (hover: none), (pointer: coarse) {
  .tn-clickable-card .arrow,
  .tn-clickable-card [data-tn-card-arrow],
  .tn-clickable-card .services-path__link > span[aria-hidden="true"],
  .tn-clickable-card > a > span[aria-hidden="true"] {
    transform: none !important;
  }

  body .tn-clickable-card:hover a[data-tn-action].link--page::after,
  body .tn-clickable-card:focus-within a[data-tn-action].link--page::after {
    margin-left: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tn-clickable-card,
  .tn-clickable-card .arrow,
  .tn-clickable-card [data-tn-card-arrow],
  .tn-clickable-card .services-path__link > span[aria-hidden="true"],
  .tn-clickable-card > a > span[aria-hidden="true"] {
    transition: none !important;
  }

  body .tn-clickable-card:hover,
  body .tn-clickable-card:focus-within {
    transform: none !important;
    box-shadow: 0 18px 34px -10px var(--glow), 0 0 0 1.5px var(--glow) !important;
  }

  body .tn-clickable-card:hover .arrow,
  body .tn-clickable-card:focus-within .arrow,
  body .tn-clickable-card:hover [data-tn-card-arrow],
  body .tn-clickable-card:focus-within [data-tn-card-arrow],
  body .tn-clickable-card:hover .services-path__link > span[aria-hidden="true"],
  body .tn-clickable-card:focus-within .services-path__link > span[aria-hidden="true"],
  body .tn-clickable-card:hover > a > span[aria-hidden="true"],
  body .tn-clickable-card:focus-within > a > span[aria-hidden="true"] {
    transform: none !important;
  }

  body .tn-clickable-card:hover a[data-tn-action].link--page::after,
  body .tn-clickable-card:focus-within a[data-tn-action].link--page::after {
    margin-left: 0 !important;
  }
}