/* Shared application shell: Account, Team Workspace and Team Dashboard. */
.people-header{
  display:flex;align-items:center;gap:32px;height:94px;min-height:94px;padding:0 32px;
  background:var(--emp-white);border-bottom:1px solid var(--emp-line);position:static;
}
.people-header .team-brand{display:block;flex:0 0 auto;text-decoration:none}
.people-header .team-brand img,
.topbar-logo[src="empower-logo.png"],.checkout-logo[src="empower-logo.png"],
.brand img[src="empower-logo.png"],img[src="empower-logo.png"]{
  display:block;width:var(--emp-logo-width);height:var(--emp-logo-height);max-height:var(--emp-logo-height);
  max-width:100%;object-fit:contain;object-position:left center;
}
/* The assessment brand file has a square transparent canvas around a horizontal mark. */
#context-logo[src="logo.png"]{
  display:block;width:var(--emp-logo-width);height:var(--emp-logo-height);max-width:100%;max-height:var(--emp-logo-height);
  object-fit:cover;object-position:center center;
}
.people-header nav{display:flex;flex:1;align-items:center;align-self:stretch;gap:28px}
.people-header nav a{
  display:flex;align-items:center;align-self:stretch;padding:0;color:var(--emp-muted);
  border-bottom:3px solid transparent;text-decoration:none;font-size:15px;white-space:nowrap;
}
.people-header nav a:hover{color:var(--emp-red-dark)}
.people-header nav a.active{color:var(--emp-red-dark);border-bottom-color:var(--emp-red);font-weight:750}
.people-header .account-link{margin-left:auto}
.people-header #signout{margin:0;font-size:14px}
.shell-progress{margin:0 0 8px;color:var(--emp-red-dark);font-size:12px;font-weight:750;letter-spacing:.04em}
@media(max-width:700px){
  .people-header{height:auto;min-height:94px;padding:0 16px;gap:0 16px;flex-wrap:wrap}
  .people-header nav{order:3;flex-basis:100%;gap:20px;overflow:auto}
  .people-header nav a{padding:13px 0}
  .people-header .account-link{margin-left:auto}
  .people-header #signout{margin-left:8px}
}
