/* Read Design.md before changing type. Layout columns and mobile type stay intact. */
@media(min-width:701px){
 .concept-2 .site-nav nav{font-size:var(--leap-type-nav);font-weight:700}
 .login-header>a:last-child{font-size:var(--leap-type-nav)}
}
@media(min-width:1100px){
 body.concept-2{font-size:var(--leap-type-body)}
 .concept-2 .a2-heading .hero-copy h1,.concept-2 .role-detail h2,.concept-2 .application-gate h2{font-size:var(--leap-type-section)}
 .login-intro h1{font-size:max(46px,var(--leap-type-section))}
 .concept-2 .apply-aside h1{font-size:max(32px,var(--leap-type-subheading))}
 .concept-2 .form-section>h2,.concept-2 .role-detail h4{font-size:var(--leap-type-subheading)}
 .concept-2 .role-row h3{font-size:var(--leap-type-plan);letter-spacing:0}
 .concept-2 .role-detail>p,.concept-2 .role-detail ul,.concept-2 .benefit-block,.concept-2 .hero-copy p,.concept-2 .application-gate>p,.login-intro>p:last-of-type{font-size:var(--leap-type-body)}
 .concept-2 .eyebrow,.concept-2 .section-label,.concept-2 .role-facts,.concept-2 .field,.concept-2 .checkboxes legend,.concept-2 .role-detail .role-kicker{font-size:var(--leap-type-label)}
 .concept-2 .role-meta,.concept-2 .a2-note,.concept-2 .apply-account-note,.concept-2 .form-tabs button,.concept-2 .form-tabs button[aria-current=true],.concept-2 .form-back,.concept-2 .form-message,.concept-2 .form-note,.concept-2 .text-link{font-size:var(--leap-type-aux)}
 .concept-2 .field :is(input,select,textarea),.concept-2 .career-select-trigger,.concept-2 .career-option,.concept-2 .checkboxes label{font-size:var(--leap-type-body)}
 .concept-2 .application-gate>p{text-wrap:pretty}
 .concept-2 .button,.login-provider,.login-primary,.login-field input{font-size:var(--leap-type-body)}
 .login-field,.login-email-label{font-size:var(--leap-type-label)}
 .login-other-toggle,.login-other .login-provider,.login-method-note,.login-help-row .login-method-note,.login-forgot,.login-password button,.login-account,.login-account button,.login-status{font-size:var(--leap-type-aux)}
}