.site-header .employment-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 15px;
  border: 1px solid #087f75;
  border-radius: 12px;
  background: linear-gradient(135deg, #087f75, #08665e);
  color: #fff;
  font-size: .88rem;
  font-weight: 750;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: 0 5px 14px rgba(8, 127, 117, .16);
  transition: background .18s, box-shadow .18s;
}

.site-header .employment-nav-link svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.site-header .employment-nav-link:hover {
  background: #075c55;
  box-shadow: 0 7px 18px rgba(8, 127, 117, .24);
  text-decoration: none;
}

.site-header .employment-nav-link:focus-visible {
  outline: 3px solid #21d4c2;
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  .site-header .mobile-header-actions { display: flex; }
}

@media (max-width: 600px) {
  .site-header { padding: 0 3vw; gap: 8px; }
  .site-header .brand { gap: 7px; font-size: .78rem; }
  .site-header .brand-logo { width: 30px; height: 30px; }
  .site-header .employment-nav-link { gap: 6px; padding: 8px 10px; font-size: .77rem; white-space: normal; }
  .site-header .employment-nav-link span { max-width: 100px; }
  .site-header .employment-nav-link svg { width: 18px; height: 18px; flex-basis: 18px; }
}

@media (max-width: 360px) {
  .site-header .brand span { display: none; }
}