.astrix-hiring-form__job {
  display: grid;
  gap: 0.15rem;
  margin-bottom: 1.25rem;
  padding: 0.9rem 1rem;
  border-left: 4px solid var(--astrix-brand, #006f8e);
  border-radius: 0.3rem 0.65rem 0.65rem 0.3rem;
  background: #edf7f9;
}

.astrix-hiring-form__job span {
  color: var(--astrix-muted, #65574e);
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.astrix-hiring-form__job strong {
  color: var(--astrix-ink, #1a1514);
  font-size: 1rem;
}

.astrix-hiring-form__intro {
  margin: -0.45rem 0 1.15rem;
  color: var(--astrix-muted, #65574e);
  font-size: 0.9rem;
  line-height: 1.55;
}

.astrix-hiring-form__rates {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}

.astrix-form__label-text {
  min-height: 1.35rem;
}

.astrix-hiring-form__skills > p {
  margin: 0 0 0.7rem;
  color: var(--astrix-ink, #1a1514);
  font-size: 0.9rem;
  font-weight: 600;
}

.astrix-hiring-form__skills > p small {
  display: inline;
}

.astrix-hiring-form__check-grid {
  display: grid;
  gap: 0.1rem 1rem;
  padding: 0.8rem;
  border: 1px solid #b5aaa3;
  border-radius: 0.68rem;
  background: #fbfaf9;
}

.astrix-hiring-form__check-grid .astrix-form__check {
  margin: 0;
  padding: 0.45rem;
  border-radius: 0.4rem;
}

.astrix-hiring-form__check-grid .astrix-form__check:hover {
  background: #f1eeeb;
}

.astrix-hiring-form__notes {
  margin-top: 1.1rem;
}

.astrix-hiring-form__notes textarea {
  min-height: 7rem;
}

@media (min-width: 42rem) {
  .astrix-hiring-form__rates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .astrix-hiring-form__check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}