/* Reserve padding at rest so the requested blue hover never moves content. */
:root { --detail-hover-bg:#245bdb; --detail-hover-ink:#fff; }
#how-it-works .td-steps li,
#how-it-works .td-steps li:last-child,
#checking .detail-grid article,
#deployment .detail-grid article {
  padding:20px 16px;
  border-radius:4px;
  transition:background-color 180ms ease,color 180ms ease;
}
@media (hover:hover) and (pointer:fine) {
  #how-it-works .td-steps li:hover,
  #checking .detail-grid article:hover,
  #deployment .detail-grid article:hover {
    background:var(--detail-hover-bg);
    color:var(--detail-hover-ink);
  }
  #how-it-works .td-steps li:hover h3,
  #how-it-works .td-steps li:hover p,
  #how-it-works .td-steps li:hover > span,
  #checking .detail-grid article:hover h3,
  #checking .detail-grid article:hover p,
  #deployment .detail-grid article:hover h3,
  #deployment .detail-grid article:hover p { color:var(--detail-hover-ink); }
}
@media (prefers-reduced-motion:reduce) {
  #how-it-works .td-steps li,
  #checking .detail-grid article,
  #deployment .detail-grid article { transition:none; }
}