/* Mobile-only reading order for the service-detail module. */
.service-mobile-list{display:none}

@media(max-width:560px){
  body.service-mobile-ready .service-detail{display:none}
  .service-mobile-list{display:block;margin-top:30px;padding:27px 18px 30px;border-radius:8px;background:#f3f3f3;color:#242424}
  .service-mobile-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;padding:0 0 29px}
  .service-mobile-item:not(:last-of-type):after{position:absolute;z-index:0;top:42px;bottom:0;left:21px;border-left:2px dotted #555;content:""}
  .service-mobile-num{grid-column:1;grid-row:1;z-index:1;width:42px;height:42px;font-size:16px}
  .service-mobile-heading{grid-column:2;grid-row:1;min-height:42px;gap:12px;font-size:21px;line-height:1.2}
  .service-mobile-heading .service-icon{flex:0 0 35px;width:35px;height:35px}
  .service-mobile-copy{grid-column:2;grid-row:2;padding-top:14px;color:#424242;font-size:15px;font-weight:400;line-height:1.48}
  .service-mobile-note{margin:0 0 0 48px;padding:2px 0 0;color:#424242;font-size:15px;font-weight:400;line-height:1.48}
  .service-mobile-list .service-icon:before,.service-mobile-list .service-icon:after{border:0;border-radius:0;box-shadow:none;clip-path:none;background:transparent}
  .service-mobile-item:nth-child(1) .service-icon:before{left:1px;bottom:3px;width:34px;height:20px;background:#202020;clip-path:polygon(0 25%,17% 25%,17% 0,31% 0,31% 25%,69% 25%,69% 0,83% 0,83% 25%,100% 25%,100% 100%,0 100%)}
  .service-mobile-item:nth-child(1) .service-icon:after{left:7px;bottom:9px;width:22px;height:5px;background:repeating-linear-gradient(90deg,#f3f3f3 0 4px,transparent 4px 7px)}
  .service-mobile-item:nth-child(2) .service-icon:before{left:5px;top:1px;width:23px;height:29px;border:3px solid #202020;border-radius:3px}
  .service-mobile-item:nth-child(2) .service-icon:after{left:10px;top:8px;width:13px;height:3px;background:#202020;box-shadow:0 7px 0 #202020,0 14px 0 #202020}
  .service-mobile-item:nth-child(3) .service-icon:before{left:1px;top:7px;width:34px;height:20px;background:#202020;clip-path:polygon(0 22%,14% 22%,14% 0,30% 0,30% 22%,70% 22%,70% 0,86% 0,86% 22%,100% 22%,100% 78%,86% 78%,86% 100%,70% 100%,70% 78%,30% 78%,30% 100%,14% 100%,14% 78%,0 78%)}
  .service-mobile-item:nth-child(3) .service-icon:after{left:14px;top:16px;width:10px;height:3px;background:#f3f3f3}
  .service-mobile-item:nth-child(4) .service-icon:before{left:2px;bottom:2px;width:32px;height:28px;background:#202020;clip-path:polygon(0 100%,0 36%,20% 36%,20% 19%,37% 19%,37% 0,54% 0,54% 19%,72% 19%,72% 36%,100% 36%,100% 100%)}
  .service-mobile-item:nth-child(4) .service-icon:after{left:12px;top:13px;width:4px;height:4px;border-radius:50%;background:#f3f3f3;box-shadow:7px 4px 0 #f3f3f3,13px 11px 0 #f3f3f3}
}

@media(max-width:370px){
  .service-mobile-list{padding-right:14px;padding-left:14px}
  .service-mobile-item{grid-template-columns:44px minmax(0,1fr)}
  .service-mobile-item:not(:last-of-type):after{left:20px}
  .service-mobile-num{width:40px;height:40px;font-size:15px}
  .service-mobile-heading{gap:9px;font-size:19px}
  .service-mobile-heading .service-icon{flex-basis:32px;width:32px}
  .service-mobile-copy,.service-mobile-note{font-size:14px}
  .service-mobile-note{margin-left:44px}
}