/* v11: subtle hover depth for the three approved groups of small cards.
   Screen-only, wide desktop layout, a fine pointer, and normal motion.
   Individual translate/scale properties leave the existing reveal transform
   and its 650 ms transition intact. No layout dimensions are changed. */

@media screen and (min-width: 1041px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #benefits .benefit-grid > .benefit-card,
  #documents .document-grid > .document-card,
  #start .start-steps > .start-step {
    transition:
      opacity .65s ease,
      transform .65s ease,
      translate .3s ease,
      scale .3s ease,
      box-shadow .3s ease,
      border-color .3s ease;
  }

  #benefits .benefit-grid > .benefit-card.is-visible:hover {
    translate: 0 -4px;
    scale: 1.01;
    border-color: #78958b;
    box-shadow: 0 16px 34px rgba(18, 62, 64, .12);
  }

  #documents .document-grid > .document-card.is-visible:hover {
    translate: 0 -3px;
    scale: 1.008;
    border-color: rgba(18, 62, 64, .3);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .85),
      0 18px 38px rgba(18, 62, 64, .1);
  }

  #start .start-steps > .start-step.is-visible:hover {
    translate: 0 -2px;
    border-color: rgba(18, 62, 64, .26);
    box-shadow: 0 12px 26px rgba(18, 62, 64, .08);
  }
}