/* Upwork Mastery typography: matches the homepage. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
:root{--um-font-body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--um-font-display:'Playfair Display',Georgia,serif}
html,body,button,input,textarea,select{font-family:var(--um-font-body)!important}
body{font-family:var(--um-font-body)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--um-font-display)!important}
/* Match the homepage brand mark and prominent display text. */
.logo,.brand,.site-logo{font-family:var(--um-font-display)!important}
/* Keep source code and technical output legible. */
code,pre,kbd,samp{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}

/* Consistent typography for tool interfaces and dynamically generated results. */
body, body p, body li, body label, body small, body span, body div, body a, body summary, body button, body input, body textarea, body select {font-family:var(--um-font-body)!important}
body h1, body h2, body h3, body h4, body h5, body h6, body .hero-title, body .logo, body .brand, body .site-logo {font-family:var(--um-font-display)!important}
body pre, body code, body kbd, body samp {font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}