/* One type scale for English and Arabic across the shared app. */
:root{--ui-font:"DM Sans",sans-serif;--text-body:16px;--text-small:14px;--text-title:28px;--ui-leading:1.6;--title-leading:1.3}
html[lang=ar],html[dir=rtl]{--ui-font:"Noto Sans Arabic",sans-serif;--ui-leading:1.8;--title-leading:1.6}
html{font-family:var(--ui-font);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--ui-font)!important;font-size:var(--text-body);font-weight:400;line-height:var(--ui-leading)}
html body :is(h1,h2,h3,h4,p,label,input,select,textarea,button,small,table,dt,dd){font-family:var(--ui-font)!important}
html body :is(h1,h2,h3,h4){font-weight:700!important;letter-spacing:0;overflow-wrap:break-word}
html body h1{font-size:var(--text-title)!important;line-height:var(--title-leading)!important}
html body h2{font-size:20px!important;line-height:var(--title-leading)!important}
html body h3,html body h4{font-size:18px!important;line-height:var(--title-leading)!important}
html body :is(.hero,.native-hero) h2{font-size:var(--text-title)!important}
html body p{font-size:var(--text-body)!important;line-height:var(--ui-leading)!important}
html body :is(.signin-intro,.signup-intro,.heading-row,.profile-title,.preferences-intro)>p{font-size:var(--text-body)!important;line-height:var(--ui-leading)!important}
html body :is(small,.field-help,.small-copy,.meta,.terms-consent,.profile-privacy-line,.setup-privacy,.booking-hint,.subtitle-copy,.company-phone-preview,.auth-new-account,.auth-bottom,.auth-disclosure,.notice,.notification-empty p,.account-row-text small,.account-identity p,.account-identity>div>span,.wallet-stats span,.rating-caption,.auth-back,.auth-step-indicator>span){font-size:var(--text-small)!important;line-height:var(--ui-leading)!important}
html body :is(.field>label,.auth-form .field>label,.question-card>label,.phone-country-search-label){font-size:var(--text-small)!important;font-weight:600;line-height:var(--ui-leading);margin-bottom:8px}
html body .auth-shell.auth-signin .auth-form .field>label{font-size:var(--text-small)!important}
html body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){font-size:var(--text-body)!important;line-height:1.5;min-width:0;max-width:100%}
html body :is(.job-trigger,.location-trigger,.industry-trigger,.btn,.auth-submit,.text-link,.account-row-text strong,.branch-map-link,.journey-map-link){font-size:var(--text-body)!important;line-height:1.5;font-weight:600}
html body :is(.job-option,.location-option,.industry-option,.badge,.category-chip){font-size:var(--text-small)!important;line-height:1.5}
html body :is(.auth-new-account .text-link,.auth-back,.wallet-methods .text-link,.auth-step-indicator>span){font-size:var(--text-small)!important}
html body .auth-form>.auth-submit,html body #signup-form button[type=submit]{font-size:var(--text-body)!important;min-height:52px!important;white-space:normal}
.auth-form .field{margin-bottom:20px}.auth-form .shared-signup-password>.field{margin-bottom:0}
html body .auth-signin .auth-form{gap:20px}
html body .auth-signin .signin-intro p{max-width:36ch}
html body .auth-signin .auth-new-account{gap:6px;flex-wrap:wrap}
html body :is(.field,.password-field,.account-row-text,.heading-row>div,.mobile-card-body){min-width:0}
html[dir=rtl] body :is(h1,h2,h3,h4,.eyebrow,.setup-kicker,.signin-kicker,.account-group-label){letter-spacing:0!important}
html[dir=rtl] body :is(input[type=email],input[type=tel],input[autocomplete=cc-number]){direction:ltr;text-align:start}
@media(max-width:700px){
 :root{--text-title:28px}
 html body :is(.main,.auth-main){overflow-wrap:break-word}
 html body :is(.mobile-nav button){font-size:var(--text-small)!important;line-height:1.35;flex:1;min-width:0;padding-inline:4px;white-space:normal}
 html body :is(.task-kind-tabs,.task-type-picker,.category-filters,.category-chips){flex-wrap:wrap}
 html body .auth-v2 .auth-main{width:100%;max-width:460px;padding:24px 20px 36px}
 html body .auth-shell.auth-signin{padding:24px 16px}
 html body .auth-signin .auth-main{padding:28px 22px 24px}
 html body :is(.signin-intro,.signup-intro){margin-bottom:24px}
 html body .signup-intro h1{margin:0}
 html body .auth-form .auth-back{font-size:14px!important}
 html body dialog{padding-inline:20px;max-width:100%}
 html body :is(.dialog-head h2){font-size:24px!important}
 html body .auth-step-indicator{gap:6px;flex-wrap:wrap}
 html body .auth-step-indicator>span{white-space:normal}
 html body .auth-form :is(input,select){min-height:52px!important}
 html body .auth-form :is(input[type=hidden],input[type=checkbox],input[type=radio]){min-height:0!important}
 html body .auth-signin .password-toggle{height:44px;width:44px;bottom:4px;inset-inline-end:5px}
 html body .auth-form .shared-signup-password .password-toggle{bottom:4px}
}
@media(max-width:380px){
 :root{--text-title:26px}
 html body .auth-shell.auth-signin{padding-inline:12px}
 html body .auth-signin .auth-main{padding-inline:20px}
 html body .auth-form>.grid2:not(.shared-password-stack){grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 html body .shopper-phone-row{grid-template-columns:112px minmax(0,1fr)!important;gap:10px}
}