/* Scope the normal document flow to the two service pages only. */
html:has(#motor-transport),html:has(#motor-survey){height:auto;min-height:100%;overflow-x:clip;overflow-y:auto}
body:has(#motor-transport),body:has(#motor-survey){height:auto;min-height:100svh;touch-action:pan-x pan-y pinch-zoom}
body:has(#motor-transport) #container,body:has(#motor-survey) #container{position:relative!important;min-height:100svh;height:auto!important;margin-bottom:0!important;display:flex;flex-direction:column}
body:has(#motor-transport) #container>main,body:has(#motor-survey) #container>main{flex:1 0 auto;min-width:0;height:auto;overflow:visible;padding-bottom:24px}
body:has(#motor-transport) footer,body:has(#motor-survey) footer{position:static!important;inset:auto!important;flex:0 0 auto;clear:both;width:100%;margin-top:24px}
#motor-transport,#motor-survey{min-width:0;max-width:100%;height:auto;overflow-wrap:anywhere}
/* Preserve proportions even when the older transport package is installed. */
#motor-transport .mt-gallery img{height:auto;aspect-ratio:4/5;object-fit:cover}
@media(max-width:640px){
 #motor-survey .ms-hero{padding-top:32px}
 #motor-survey h1{font-size:28px;line-height:1.2}
 #motor-survey .ms-card{padding:20px}
 #motor-survey h3{font-size:21px}
 #motor-survey .ms-actions a,#motor-transport .mt-actions a{min-height:48px}
 #motor-transport video{max-width:100%;height:auto}
}