/* v336: actual horizontal process-card movement on mobile. */
@media(max-width:680px){
 #how .process-carousel{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:0!important;scrollbar-width:none!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 17% 10px 0!important;align-items:stretch!important;grid-template-columns:none!important}
 #how .process-carousel::-webkit-scrollbar{display:none}
 #how .process-carousel::before,#how .process-step::before{display:none!important;content:none!important}
 #how .process-step,#how .process-step.is-current,#how .process-step.is-prev,#how .process-step.is-next,#how .process-step.is-far-prev,#how .process-step.is-far-next{flex:0 0 82%!important;min-width:0!important;width:82%!important;height:auto!important;min-height:184px!important;max-height:none!important;box-sizing:border-box!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;transform:none!important;opacity:1!important;position:relative!important;z-index:auto!important;display:flex!important;padding:17px!important}
 #how .process-step.is-current{z-index:1!important}
 #how .process-step-top{flex-wrap:wrap}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){#how .process-carousel{scroll-behavior:auto!important}}