@media(max-width:760px){
 /* First step only: distribute the existing space without resizing the dialog. */
 dialog.service-modal:has(#service-dialog-title) [data-flow="validator"][data-flow-step="0"]{padding-top:6px}
 dialog.service-modal:has(#service-dialog-title) [data-flow="validator"][data-flow-step="0"]>.df-stepper{margin-bottom:18px}
 dialog.service-modal:has(#service-dialog-title) [data-flow="validator"][data-flow-step="0"]>.df-form{gap:20px}
}