/* --- brand palette reused from supplier.css -------------------- */
:root{
  --nes-blue:       #063971;
  --nes-blue-light: #1259bd;
  --nes-grey:       #474a51;
}

/* hero strip identical height as supplier page */
.nes-hero{
  background: var(--nes-blue);
  height:     350px;             /* same as suppliers */
  margin-top: 80px;
  display:flex;
  align-items:center;
  text-align:center;
}

.nes-btn-primary{
  background: var(--nes-blue);
  color:#fff
}
.nes-btn-primary:hover { 
  background:var(--nes-grey);
  color:#fff
}

.nes-btn-light{
  background:#fff;
  color:var(--nes-blue);
}

.nes-btn-light:hover{
  background: var(--nes-blue);
  color: #fff;
  outline: 1px solid #fff;
}

/* keeps footer at bottom even with few jobs */
body{display:flex;flex-direction:column;min-height:100vh}
main, #content{flex:1 0 auto}      /* whichever wrapper you use */