/* Jonathan's persistent left nav, shared visual vocabulary with Open Jobs. */
#jonathanHomeSidebar{position:fixed;z-index:45;left:0;top:53px;bottom:0;width:208px;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #dce5ef;background:#f7faff;padding:16px 12px 22px;box-shadow:1px 0 7px rgba(23,49,77,.05)}
.jon-home-brand{border-bottom:1px solid #dfe8f0;padding:2px 7px 15px;margin:0 0 10px;display:flex;flex-direction:column;gap:3px;color:#1c4e80}
.jon-home-brand strong{font-size:17px;line-height:1.15}
.jon-home-brand small{font-size:9px;letter-spacing:.07em;font-weight:750;color:#75879c}
.jon-home-nav{display:grid;gap:4px}
.jon-home-nav-link{display:flex;gap:12px;align-items:center;color:#1e4169;font-size:13px;font-weight:760;padding:11px 11px;text-decoration:none;border-radius:10px;line-height:1.2;min-height:42px}
.jon-home-nav-link>span:first-child{flex:0 0 15px;font-size:15px;text-align:center;color:#55718f}
.jon-home-nav-link:hover,.jon-home-nav-link:focus-visible{background:#eaf3ff;text-decoration:none}
.jon-home-nav-link.active{background:#dceaff;border-left:3px solid #176fd1;color:#144577;padding-left:8px}
.jon-home-return{display:block;margin:13px 7px 3px;text-decoration:underline;font-size:12px;color:#315f90}
body.has-jonathan-home-sidebar .shell{box-sizing:border-box;width:min(1110px,calc(100vw - 242px));margin-left:calc(208px + max(16px,(100vw - 208px - 1110px)/2));margin-right:0}
body.has-jonathan-home-sidebar #jonMenu{display:none}
.jon-home-sidebar-toggle{display:none}
@media(max-width:880px){
 body.has-jonathan-home-sidebar .shell{width:calc(100vw - 30px);margin:0 15px;padding-top:66px}
 #jonathanHomeSidebar{top:53px;transform:translateX(-110%);transition:transform .16s ease;box-shadow:4px 3px 18px #1c334b22}
 body.jon-home-sidebar-open #jonathanHomeSidebar{transform:translateX(0)}
 .jon-home-sidebar-toggle{position:fixed;z-index:49;left:13px;top:65px;display:block;border:1px solid #98badb;border-radius:9px;background:#fff;padding:8px 11px;color:#174c7c;font-weight:800;cursor:pointer}
 body.has-jonathan-home-sidebar #jonMenu{display:none}
}

/* Same Jonathan Home navigation on EVERY Jonathan workspace page. */
body.bro-modern-shell.has-jonathan-home-sidebar{--bro-sidebar:208px}
body.bro-modern-shell.has-jonathan-home-sidebar > .bro-modern-sidebar{display:none!important}
body.bro-modern-shell.has-jonathan-home-sidebar #jonathanHomeSidebar{
  top:var(--bro-topbar,68px);
  z-index:1603;
}
body.bro-modern-shell.has-jonathan-home-sidebar .jon-home-sidebar-toggle{z-index:1604}
@media (min-width:761px) and (max-width:880px){
  body.bro-modern-shell.has-jonathan-home-sidebar #jonathanHomeSidebar{transform:none}
  body.bro-modern-shell.has-jonathan-home-sidebar .jon-home-sidebar-toggle{display:none}
}
@media (max-width:760px){
  body.bro-modern-shell.has-jonathan-home-sidebar{--bro-sidebar:0px}
  body.bro-modern-shell.has-jonathan-home-sidebar #jonathanHomeSidebar{top:var(--bro-topbar,58px);}
  body.bro-modern-shell.has-jonathan-home-sidebar .jon-home-sidebar-toggle{top:calc(var(--bro-topbar,58px) + 7px)}
}
/* Width includes padding so the content gutter is identical on every page. */
#jonathanHomeSidebar{box-sizing:border-box}
/* Normalize inherited typography and box sizing across standalone BRO pages. */
#jonathanHomeSidebar,#jonathanHomeSidebar *{box-sizing:border-box}
#jonathanHomeSidebar{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
