/* Motion is scoped to Resources and never controls whether content is visible. */
@media (prefers-reduced-motion: no-preference) {
  .resources-page .resource-card-action > span,
  .resources-page .card-link > span,
  .resources-page .resource-card > .text-link > span {
    display: inline-block;
    transition: transform 240ms ease;
  }
  .resources-page .resource-icon svg,
  .resources-page .equipment-card-image svg {
    transition: transform 450ms cubic-bezier(.22,1,.36,1);
    transform-origin: center;
  }
  .resources-page .filter-controls button {
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
  }
  .resources-page .resource-faq details[open] > div {
    animation: resource-answer-enter 220ms ease-out;
  }
  .resources-page .featured-resource > img {
    transition: transform 850ms cubic-bezier(.22,1,.36,1);
  }
  @media (hover: hover) and (pointer: fine) {
    .resources-page a.resource-card:is(:hover,:focus-visible) .resource-card-action > span,
    .resources-page a.resource-card:is(:hover,:focus-visible) .card-link > span,
    .resources-page a.resource-card:is(:hover,:focus-visible) > .text-link > span {
      transform: translateX(4px);
    }
    .resources-page a.resource-card:is(:hover,:focus-visible) .resource-icon svg {
      transform: translateY(-2px);
    }
    .resources-page a.equipment-card:is(:hover,:focus-visible) .equipment-card-image svg {
      transform: translateY(-3px) scale(1.025);
    }
    .resources-page .featured-resource:hover > img {
      transform: scale(1.018);
    }
  }
}
@keyframes resource-answer-enter {
  from { opacity: .5; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce), print {
  .resources-page .resource-faq details > div,
  .resources-page .resource-icon svg,
  .resources-page .equipment-card-image svg,
  .resources-page .featured-resource > img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}