/* Approved English mobile type scale. Shared by formal pages and retained previews.
   Keep the approved serif family, component geometry and 62px social slot. */
@media(max-width:700px){
 html[data-brand-v127][lang|=en] body.concept-2{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.65}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.hero-copy p,.role-detail>p,.role-detail ul,.benefit-block,.application-gate>p,.apply-success>p,.flow-page p,.flow-page li){font-size:20px;font-weight:600;line-height:1.65;letter-spacing:0;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 .a2-heading .hero-copy h1{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:.01em;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.role-detail h2,.apply-aside h1,.application-gate h2,.apply-success h1,.flow-page h1){font-size:29px;line-height:1.35;font-weight:700;letter-spacing:.01em;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.role-row h3,.role-detail h4,.form-section>h2,.flow-page h2){font-size:25px;line-height:1.4;font-weight:700;letter-spacing:0;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.eyebrow,.section-label,.role-detail .role-kicker,.role-facts,.field,.checkboxes legend){font-size:18px;line-height:1.55;font-weight:600;letter-spacing:.02em}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.role-meta,.a2-note,.apply-account-note,.form-note,.form-message,.field small,.form-back,.text-link,.form-tabs button,.form-tabs button[aria-current=true],.flow-page .source-note){font-size:18px;line-height:1.6;letter-spacing:0;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.field input,.field select,.field textarea,.career-select-trigger,.career-option,.leap-date-trigger){font-size:19px;line-height:1.55;font-weight:600;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 .checkboxes label{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}
 html[data-brand-v127][lang|=en] body.concept-2 .button{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:.02em;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.site-nav .return,.site-nav .language-switch,.login-header>a:last-child){font-size:17px;line-height:1.4}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.preview-line,.preview-line>span,.preview-line button,.flow-link,.login-review-bar,.login-footnote,.caption){font-size:17px;line-height:1.5;letter-spacing:0;overflow-wrap:break-word}
 /* Login input and help copy remain serif, with natural growth and wrapping. */
 html[data-brand-v127][lang|=en] body.concept-2 .login-intro h1{font-size:34px;line-height:1.3;font-weight:700;letter-spacing:.01em;overflow-wrap:break-word}
 html[data-brand-v127][lang|=en] body.concept-2 .login-intro>p:last-of-type{font-size:20px;line-height:1.6;font-weight:600;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.login-provider,.login-primary){font-size:20px;line-height:1.4;font-weight:700;letter-spacing:.01em}
 html[data-brand-v127][lang|=en] body.concept-2 .login-other .login-provider{font-size:19px;line-height:1.35;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 :is(.login-other-toggle,.login-method-note,.login-help-row .login-method-note,.login-forgot,.login-password button,.login-account,.login-account button,.login-status){font-size:18px;line-height:1.5;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 .login-field{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 .login-email-label{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 .login-field input{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:0}
 html[data-brand-v127][lang|=en] body.concept-2 .login-help-row{flex-wrap:wrap}
 html[data-brand-v127][lang|=en] body.concept-2 .login-help-row .login-method-note{flex-basis:150px}
}

/* Clean review routes retain the same approved content position as the formal site. */
html[data-mobile-preview] .login-layout{padding-top:114px}
@media(min-width:701px) and (max-height:800px){html[data-mobile-preview] .login-layout{padding-top:64px}}
@media(max-width:700px){html[data-mobile-preview] .login-layout{padding-top:72px}}