/* Keep all details and the close control reachable in the existing card scroller. */
@media (max-width: 992px) {
  #liveAccordion .flip-card-back {
    align-items: stretch;
  }

  #liveAccordion .flip-back-left,
  #liveAccordion .flip-back-right {
    flex: 0 0 auto;
    height: auto;
  }

  #liveAccordion .flip-back-left {
    justify-content: flex-start;
  }
}

/* Project-process cards: match the homepage's blue hover interaction. */
#transparent-project-process .step-card {
  transition: background-color 240ms ease, border-color 240ms ease,
    box-shadow 240ms ease, transform 240ms ease;
}

#transparent-project-process .step-card .step-number,
#transparent-project-process .step-card h3,
#transparent-project-process .step-card p {
  transition: color 240ms ease;
}

@media (hover: hover) and (pointer: fine) {
  #transparent-project-process .step-card:hover {
    --process-card-bg: var(--accent-dji-blue, #0070d2);
    --process-card-border: var(--accent-dji-blue, #0070d2);
    --process-card-color: #fff;
    --process-card-shadow: 0 16px 30px -12px rgba(0, 70, 140, 0.24);
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #transparent-project-process .step-card,
  #transparent-project-process .step-card .step-number,
  #transparent-project-process .step-card h3,
  #transparent-project-process .step-card p {
    transition: none;
  }

  #transparent-project-process .step-card:hover {
    transform: none;
  }
}