/* How It Works — "Simple, client-led, and built around consent": stack the four steps
   as vertical tile-card rows (number left, text right), instead of a horizontal row. */
#page-wellness-professionals .wp-steps{
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  gap:14px !important; max-width:760px; margin-left:auto; margin-right:auto;
}
#page-wellness-professionals .wp-step{
  flex:none !important; max-width:none !important; min-width:0 !important; width:100% !important;
  display:flex; align-items:flex-start; gap:18px; text-align:left !important;
  background:#fff; border:1px solid rgba(30,45,61,.08); border-radius:18px;
  padding:20px 24px !important; box-shadow:0 2px 14px rgba(30,45,61,.05);
}
/* remove the horizontal "→" connectors between steps */
#page-wellness-professionals .wp-step:not(:last-child)::after{ content:none !important; }
#page-wellness-professionals .wp-step-num{
  margin:0 !important; flex:none !important;
}
#page-wellness-professionals .wp-step h4{ margin:2px 0 4px !important; }
#page-wellness-professionals .wp-step p{ margin:0 !important; }
#page-wellness-professionals .wp-step > *:not(.wp-step-num){ flex:1; }
@media (max-width:560px){
  #page-wellness-professionals .wp-step{ gap:14px; padding:18px 18px !important; }
}