/* V180 — unified readable web typography and professional controls */
:root{--sv180-ink:#17233b;--sv180-muted:#5f6b7d;--sv180-border:#dfe5ee;--sv180-brand:#2457d6;--sv180-brand-dark:#173f9f;--sv180-surface:#fff;--sv180-soft:#f5f8fc}
html{font-size:16px!important;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
body{font-size:16px!important;line-height:1.6!important;color:var(--sv180-ink)!important}
p{font-size:1rem!important;line-height:1.65!important;color:var(--sv180-muted)}
h1{line-height:1.12!important;letter-spacing:-.025em!important}h2{line-height:1.2!important;letter-spacing:-.018em!important}h3{line-height:1.3!important}
a,button{font-size:.95rem}
/* Professional tab treatment: solid controls, clear active state, no tiny pills. */
.tool-tabs,.tabs,.authTabs,.employerAuthTabs{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.tool-tab,.tabs a,.authTabs button,.employerAuthTabs button{min-height:42px!important;padding:9px 15px!important;border:1px solid var(--sv180-border)!important;border-radius:9px!important;background:#fff!important;color:#334155!important;font-weight:700!important;font-size:.9rem!important;line-height:1.2!important;box-shadow:none!important;cursor:pointer!important}
.tool-tab:hover,.tabs a:hover,.authTabs button:hover,.employerAuthTabs button:hover{border-color:#aebbd0!important;background:#f7f9fc!important}
.tool-tab.active,.tabs a.active,.authTabs button.active,.employerAuthTabs button.active{background:var(--sv180-brand)!important;border-color:var(--sv180-brand)!important;color:#fff!important;box-shadow:0 3px 9px rgba(36,87,214,.16)!important}
/* Common page rail and cards */
.portalPage main{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
.portalPage .portalHeader{font-size:15px!important}
.portalPage .portalHeader nav a,.portalPage .portalHeader nav button,.portalPage .portalActions a{font-size:.9rem!important}
.portalPage .svPageTitle h1{font-size:clamp(30px,4vw,46px)!important}
.portalPage .serverFallbackGrid article,.portalPage .svPageCard,.portalPage .box,.portalPage .panel{border-radius:14px!important}
/* Auth must look like a product screen, not an oversized form dump. */
.authShell{padding:34px 16px 60px!important}
.authCard{max-width:760px!important;margin:0 auto!important;border-radius:18px!important}
.authTitle h1{font-size:clamp(28px,4vw,40px)!important}
.authTitle p,.authFormNote,.loginIntro p{font-size:1rem!important}
.authForm input,.authForm select,.authForm textarea{font-size:16px!important;min-height:44px!important}
@media(max-width:700px){html{font-size:15px!important}.tool-tabs,.tabs,.authTabs,.employerAuthTabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}.tool-tab,.tabs a,.authTabs button,.employerAuthTabs button{flex:0 0 auto!important;min-height:40px!important;padding:8px 13px!important;font-size:.88rem!important}.portalPage main{width:100%!important}.authShell{padding:22px 12px 45px!important}}