/* ---------- section nav (jobs area only) ---------- */
.jb .jnav{position:sticky; top:0; z-index:30; background:rgba(13,13,13,.97);
  border-bottom:1px solid var(--line); backdrop-filter:blur(6px)}
.jb .jnav .wrap{display:flex; align-items:center; gap:var(--md)}
.jb .jnav .brand{font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; font-size:1.05rem; color:var(--head); white-space:nowrap;
  border-bottom:0; padding:16px 0; flex:0 0 auto}
.jb .jnav .brand:hover{color:var(--brass)}
.jb .jnav .brand .dot{color:var(--brass)}
.jb .jnav ul{display:flex; gap:2px; list-style:none; margin:0; padding:0;
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; flex:1 1 auto}
.jb .jnav ul::-webkit-scrollbar{display:none}
.jb .jnav a.jl{display:block; white-space:nowrap; padding:18px 14px; border-bottom:2px solid transparent;
  font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; font-weight:600; color:var(--muted)}
.jb .jnav a.jl:hover{color:var(--ink)}
.jb .jnav a.jl.on{color:var(--brass); border-bottom-color:var(--brass)}
.jb .toolbar{top:57px}
.jb .trk th{top:126px}

@media (max-width:900px){
  .jb .jnav .wrap{flex-direction:column; align-items:stretch; gap:0; padding-left:0; padding-right:0}
  .jb .jnav .brand{padding:12px 24px 8px; font-size:.95rem}
  .jb .jnav ul{padding:0 16px 0 18px}
  .jb .jnav a.jl{padding:10px 10px 12px; font-size:.7rem}
  .jb .toolbar{top:88px}
  .jb .trk th{position:static}
}