/* Shared desktop typography. Mobile, installed PWA and print retain existing rules. */
@import url('/fonts/design-2-fonts.css') screen and (min-width:761px) and (display-mode:browser);
@media screen and (min-width:761px) and (display-mode:browser){
 @font-face{font-family:SomSymbol;src:url('/fonts/SomSymbol.ttf') format('truetype');font-weight:100 900;unicode-range:U+20C0;font-display:swap}
 :root{--ui-font:'IBM Plex Sans',SomSymbol,Arial,sans-serif;--ui-code:'IBM Plex Mono',monospace}
 html body,html body[data-role]{font-family:var(--ui-font)!important;line-height:1.55;font-synthesis:none}
 html body :is(h1,h2,h3,h4,h5,h6),html body :is(.brand,.logo,.metric strong,.total strong,.sellersubtotal,.price){font-family:var(--ui-font)!important;font-weight:600;line-height:1.25;letter-spacing:-.015em}
 html body :is(button,input,select,textarea){font-family:var(--ui-font)!important;line-height:1.45}
 html body :is(button,.button,.cta){font-weight:600}
 html body :is(pre,code,kbd,samp,.design-product-code){font-family:var(--ui-code)!important;letter-spacing:0}
 html body label{line-height:1.45}
 html body :is(.formnote,.error,.muted,figcaption){line-height:1.55}
 html body :is(.metric strong,.total strong,.price,td){font-variant-numeric:tabular-nums}
 html body.design3 :is(.heading h1,.dialoghead h2){line-height:1.25;letter-spacing:-.015em}
 html body.design3 .loginhero h1{font-size:clamp(30px,2.6vw,40px);line-height:1.2;font-weight:600;letter-spacing:-.02em}
 html body.design3 .loginform h1{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
 html body.design3 .loginhero p,html body.design3 .loginform form>p{font-size:15px;line-height:1.6}
 html body.design3 .loginform label{font-size:13px;font-weight:600}
 html body.design3 #loginInstallCodes :is(strong,h2,a){font-family:var(--ui-font)!important;line-height:1.5}
 html body.design3 #loginInstallCodes :is(small,p){font-size:13px;line-height:1.55}
 html body.design3 #loginInstallCodes .pwaqr>strong,html body.design3 #loginInstallCodes .buyer-login-card h2,html body.design3 #loginInstallCodes .buyer-login-card h2>a{font-size:14px!important;font-weight:600!important;line-height:21px!important;letter-spacing:0!important;margin:0;text-decoration:none}
 html body.design3 #loginInstallCodes .pwaqr>small,html body.design3 #loginInstallCodes .buyer-login-card p{font-size:13px!important;font-weight:400!important;line-height:20px!important;letter-spacing:0!important;color:#e1edf1!important;margin:0}
 html body.design3 #loginInstallCodes :is(.login-more-warehouse,.login-more-buyer),html body.design3 #loginInstallCodes .buyer-login-card>div>a{font-size:14px!important;font-weight:600!important;line-height:21px!important;letter-spacing:0!important;margin:0;text-decoration:underline;text-underline-offset:4px}
 html body.design3 #loginInstallCodes .buyer-login-card>div:last-of-type:not(.buyer-public-qr){display:flex;flex-direction:column;gap:10px}

 html body.design3 :is(.formnote,.error,footer,.badge,td small,.metric small){font-size:12px;line-height:1.5}
 html body.design3 table :is(th,td){line-height:1.5}
 html body.design3 th{font-size:11px;letter-spacing:.035em}
 html body.design3 .nav{font-size:14px;line-height:1.4}
 html body:not(.design3){font-size:16px}
 html body:not(.design3) :is(p,li){line-height:1.65}
}