/* v337: compact horizontal process carousel and original muted-taupe palette. */
@media(max-width:680px){
 :root{--kcmo-mobile-taupe:#b8a894}
 #how .process-carousel{
  display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;
  padding:0 0 10px 0!important;align-items:stretch!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch;
 }
 #how .process-carousel::-webkit-scrollbar{display:none}
 #how .process-v337-spacer{flex:0 0 60%!important;min-width:0!important;pointer-events:none!important;align-self:stretch}
 #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 calc((100% - 16px)/2.5)!important;
  width:calc((100% - 16px)/2.5)!important;
  min-width:0!important;height:auto!important;min-height:181px!important;max-height:none!important;
  padding:12px 10px!important;box-sizing:border-box!important;display:flex!important;
  scroll-snap-align:start!important;scroll-snap-stop:always!important;
  opacity:1!important;transform:none!important;z-index:auto!important;
 }
 #how .process-step.is-current{z-index:1!important;padding-bottom:40px!important}
 #how .process-step-top{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;margin-bottom:8px!important}
 #how .process-step-num{width:28px!important;height:28px!important;min-width:28px!important;font-size:10px!important}
 #how .process-step h4{font-size:clamp(11px,3.25vw,14px)!important;line-height:1.14!important;margin:0!important;overflow-wrap:anywhere}
 #how .process-step p{font-size:clamp(9.5px,2.7vw,11px)!important;line-height:1.4!important;margin:0!important;overflow-wrap:break-word}
 #how .process-inline-next{
  position:absolute;right:8px;bottom:8px;z-index:5;
  display:grid;place-items:center;width:27px;height:27px;min-width:27px;
  border-radius:50%;border:2px solid #f8f6f2;background:var(--kcmo-mobile-taupe);color:#101c3b;
  box-shadow:0 0 0 1px var(--kcmo-mobile-taupe);font-size:20px;line-height:1;
  padding:0;cursor:pointer;touch-action:manipulation;
 }
 #how .process-inline-next:active{transform:scale(.94)}
 #how .process-step.is-current .process-step-num,
 #how .process-control-btn#processNext.mobile-next-pulse{border-color:var(--kcmo-mobile-taupe)!important}
 #how .process-step.is-next{box-shadow:inset 3px 0 0 var(--kcmo-mobile-taupe),0 7px 19px rgba(16,28,59,.09)!important}
 #how .process-step.is-current .process-step-num{background:var(--kcmo-mobile-taupe)!important}
 #top .mobile-main-action{background:var(--kcmo-mobile-taupe)!important}
 .mobile-app-dock a[aria-current="location"] svg{stroke:var(--kcmo-mobile-taupe)!important}
 .mobile-primary-actions a:focus-visible,.mobile-property-filter:focus-visible{outline-color:var(--kcmo-mobile-taupe)!important}
 .mobile-app-dock a[aria-current="location"] svg{color:var(--kcmo-mobile-taupe)!important}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){
 #how .process-inline-next{transition:none!important}
}