@media(max-width:760px){
 /* A shared size prevents form/result replacement from moving its centre. */
 dialog.service-modal:has(#service-dialog-title):is([data-service-route="/verify/website"],[data-service-route="/verify/community"],[data-service-route="/flow/validator"]){
  height:min(320px,calc(var(--mobile-stable-height,100svh) - 28px))!important;max-height:calc(var(--mobile-stable-height,100svh) - 28px)!important;top:calc((var(--mobile-stable-height,100svh) - min(320px,calc(var(--mobile-stable-height,100svh) - 28px)))/2)!important;transform:none!important;
 }
 dialog.service-modal:has(#service-dialog-title):is([data-service-route="/verify/website"],[data-service-route="/verify/community"],[data-service-route="/flow/validator"]) .service-modal-content{padding:12px 16px;scroll-padding-block:10px;max-height:var(--phone-keyboard-content-height,none)}
 dialog.service-modal:has([data-flow="validator"]) .df-stepper{margin-bottom:8px}
 [data-flow="validator"] .df-stepper small{margin-top:4px}
 [data-flow="validator"] .df-result{padding:4px 0;gap:4px}
 [data-flow="validator"] .df-result-icon{width:32px;height:32px;margin:0 auto}
 [data-flow="validator"] .df-result h2{font-size:20px;margin:4px 0}
 [data-flow="validator"] .df-result p{margin:4px 0 8px}
 [data-flow="validator"] .df-result .df-eyebrow{display:none}
 [data-flow="validator"] .df-result>.btn{margin-top:0}
 .service-modal .ui-support-options>button.ui-support-option{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px}
 .service-modal .ui-support-options>button .support-brand-icon{flex:none;width:22px!important;height:22px!important;margin:0;color:#93dad5}
 .vpn-tool-tile[data-ui-action="vpn-unavailable"]{width:100%;font:inherit;color:inherit;cursor:pointer}
 .vpn-link-status{font-size:12px;line-height:1.6;color:#b2ccc1;margin:10px 0 0}
 .vpn-link-status[hidden]{display:block;visibility:hidden}
}
