/* INTO Consulting — Growhire job listings */
:root {
  --accent-color: #1a4a4d;
}

html,
body,
.gh-container {
  background: #fafafb;
  color: #161d21;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

#open-roles {
  max-width: 100%;
  padding: 16px;
}

#open-roles .gh-jobslist-department {
  margin-bottom: 12px;
  color: #526166;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#open-roles ul {
  overflow: visible;
  border-top: 1px solid #dce2e3;
}

#open-roles li {
  margin-inline: 0;
  padding: 24px 16px;
  border-color: #dce2e3;
  border-radius: 4px;
  transition: background-color 160ms ease;
}

#open-roles li:hover,
#open-roles li:focus-within {
  background: #eef3f3;
}

#open-roles a {
  color: #1a4a4d;
  font-size: clamp(17px, 2vw, 20px);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

#open-roles a:focus-visible {
  outline: 2px solid #1a4a4d;
  outline-offset: 5px;
  border-radius: 2px;
}

#open-roles .text-gray-600 {
  color: #526166;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 640px) {
  #open-roles {
    padding-inline: 8px;
  }

  #open-roles li {
    padding: 20px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #open-roles li {
    transition: none;
  }
}
    
    :root {
      --accent-color: #1A4A4D;
      --growhire-test: #333333;
    }

    .swiper-pagination-bullet {
      background-color: #777 !important;
    }