.nav .process-cluster {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 10px;
  margin: 10px 2px 0;
  padding: 13px 10px 7px;
  border: 1px solid var(--orange, #cb6f3e);
  background: #101011;
}

.nav .process-cluster-label {
  position: absolute;
  top: -9px;
  left: 8px;
  padding: 0 6px;
  background: #101011;
  color: var(--orange, #cb6f3e);
  font-family: var(--mono, "SFMono-Regular", "Courier New", monospace);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav .process-cluster a {
  min-height: 24px;
}

@media (max-width: 760px) {
  .topbar nav {
    min-width: 0;
    max-width: 100%;
    overflow-x: visible;
  }

  .topbar .nav {
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    overflow-x: visible;
  }

  .nav .process-cluster {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 12px;
    padding-top: 16px;
  }

  .nav .process-cluster a {
    white-space: nowrap;
  }
}