/* Use the same route photography as the homepage, with room for the service names. */
body main .route-picker.buyer-start { display:block; position:static; border-bottom:1px solid #dedfe6; }
.route-picker .buyer-start-intro { margin-bottom:16px; }
.route-picker .buyer-routes[data-columns="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.additional-routes { display:flex; flex-wrap:wrap; gap:0 26px; margin-top:12px; }
.additional-routes a,.record-links a { color:#293451; text-decoration:underline; text-underline-offset:.2em; }
.additional-routes a { display:inline-flex; align-items:center; min-height:42px; font:500 1rem/1.4 Satoshi,Arial,sans-serif; }
.offering-page .record-links { margin:12px 0 0; }
.offering-page .retained-anchor { display:block; width:0; height:0; scroll-margin-top:105px; }
.offering-page .decision-example > .retained-anchor { position:absolute; }
.offering-page .decision-example { position:relative; }
.offering-page .decision-example .prep-note { padding-top:12px; margin-top:16px; border-top:1px solid #d9dae3; }
.offering-page .process-rows article > div { min-width:0; }
.offering-page .scope-inputs { margin:0; padding-left:1.15em; }
.offering-page .service-sections { align-items:baseline; }
.offering-page .offering-process .process-rows article { display:block; background:none; border-radius:0; }
.offering-page .offering-process .process-rows article :is(h3,p) { color:#293451; }
@media(min-width:741px){
  body main :is(#welcome,.route-picker).buyer-start .buyer-routes[data-columns="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:740px){
  body main :is(#welcome,.route-picker).route-picker.buyer-start .buyer-routes[data-columns="4"] > a { min-height:176px; }
  .route-picker .buyer-routes > a::before {
    background:linear-gradient(0deg,rgba(15,23,43,.97),rgba(15,23,43,.89) 40%,rgba(15,23,43,.79) 65%,rgba(15,23,43,.48) 80%,rgba(15,23,43,.14));
  }
  body main :is(#welcome,.route-picker).buyer-start .buyer-routes[data-columns="3"] { grid-template-columns:1fr; }
  body main :is(#welcome,.route-picker).buyer-start .buyer-routes[data-columns="3"] > a { min-height:116px; }
  .additional-routes { gap:0 18px; }
}
@media(max-width:349px){
  body main :is(#welcome,.route-picker).route-picker.buyer-start .buyer-routes[data-columns="4"] > a { min-height:112px; }
}