/* RAFimport patch v87: softer edge clipping and tighter text composition for process cards */

/* Soft fade on the viewport edges so truncated cards do not end with a harsh cut */
.raf-process-v84__slider{
  isolation:isolate!important;
}

.raf-process-v84__viewport{
  -webkit-mask-image:linear-gradient(
    90deg,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,.45) 10px,
    rgba(0,0,0,1) 24px,
    rgba(0,0,0,1) calc(100% - 46px),
    rgba(0,0,0,.55) calc(100% - 16px),
    rgba(0,0,0,0) 100%
  )!important;
  mask-image:linear-gradient(
    90deg,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,.45) 10px,
    rgba(0,0,0,1) 24px,
    rgba(0,0,0,1) calc(100% - 46px),
    rgba(0,0,0,.55) calc(100% - 16px),
    rgba(0,0,0,0) 100%
  )!important;
}

/* Tighter and cleaner text layout inside cards */
.raf-process-v84-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

.raf-process-v84-card__top{
  min-height:40px!important;
  margin-bottom:10px!important;
}

.raf-process-v84-card h3{
  margin:0 0 10px!important;
  max-width:95%!important;
  line-height:1.06!important;
}

.raf-process-v84-card p{
  margin:0!important;
  padding-top:0!important;
  color:#5a6d7b!important;
  line-height:1.42!important;
}

@media (max-width:900px){
  .raf-process-v84__viewport{
    -webkit-mask-image:linear-gradient(
      90deg,
      rgba(0,0,0,0) 0,
      rgba(0,0,0,.5) 8px,
      rgba(0,0,0,1) 18px,
      rgba(0,0,0,1) calc(100% - 34px),
      rgba(0,0,0,.55) calc(100% - 12px),
      rgba(0,0,0,0) 100%
    )!important;
    mask-image:linear-gradient(
      90deg,
      rgba(0,0,0,0) 0,
      rgba(0,0,0,.5) 8px,
      rgba(0,0,0,1) 18px,
      rgba(0,0,0,1) calc(100% - 34px),
      rgba(0,0,0,.55) calc(100% - 12px),
      rgba(0,0,0,0) 100%
    )!important;
  }

  .raf-process-v84-card__top{
    margin-bottom:9px!important;
  }

  .raf-process-v84-card h3{
    margin-bottom:8px!important;
  }
}

@media (max-width:620px){
  .raf-process-v84__viewport{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}