/* Careers page.
   Used on: /more/careers/.
   Forum Homini website, editable IIS version v016 20261109 081746. Generated with Claude Opus 5.5. */
.careers[data-c-careers-page] {
  padding-block: var(--s-8) var(--s-8);
}
.careers__grid[data-c-careers-page] {
  display: grid;
  gap: var(--s-7);
}
.careers__lede[data-c-careers-page] {
  max-inline-size: 34ch;
  font-family: var(--face-display);
  font-size: var(--fs-lede);
  font-weight: 400;
  line-height: 1.35;
  color: var(--heading);
  text-wrap: pretty;
}
.careers__block[data-c-careers-page] {
  display: grid;
  gap: var(--s-3);
  align-content: start;
  padding-block-start: var(--s-5);
  border-block-start: 1px solid var(--rule);
}
.careers__h2[data-c-careers-page] {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3, 1.15);
}
/* Upright on purpose: nothing else on this page is italic, so the Display italic (48 KB) never loads here */
.careers__none[data-c-careers-page] {
  color: var(--fg-muted);
}
.careers__email[data-c-careers-page] {
  display: flex;
  gap: var(--s-3);
  align-items: baseline;
  margin-block-start: var(--s-2);
  overflow-wrap: anywhere;
}
.careers__email[data-c-careers-page] .careers__icon {
  flex: none;
  translate: 0 0.2em;
  color: var(--eyebrow);
}
/* (6 Nov 2026) letter-spacing was var(--tr-label); always overridden by css/site.css, so its value is here now */
/* (6 Nov 2026) text-transform was uppercase; always overridden by css/site.css, so its value is here now */
/* (6 Nov 2026) color was var(--eyebrow); always overridden by css/site.css, so its value is here now */
.careers__label[data-c-careers-page] {
  font-family: var(--face-text);
  font-size: var(--fs-label);
  font-weight: var(--wt-label);
  letter-spacing: 0.16em;
  line-height: var(--lh-label);
  text-transform: uppercase;
  color: #e6c27a;
}
.careers__criteria[data-c-careers-page] p[data-c-careers-page]:not(.careers__label) {
  max-inline-size: 40ch;
}
.careers__form[data-c-careers-page] {
  min-inline-size: 0;
  margin-block-start: var(--s-4);
}
@media (min-width: 641px) and (max-width: 1024px) {
  .careers__grid[data-c-careers-page] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gutter);
  }
  .careers__lede[data-c-careers-page],
  .careers__form[data-c-careers-page] {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1025px) {
  .careers[data-c-careers-page] {
    padding-block-start: var(--s-9);
  }
  .careers__grid[data-c-careers-page] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--gutter);
    row-gap: var(--s-9);
    align-items: start;
  }
  .careers__lede[data-c-careers-page] {
    grid-column: 1 / span 7;
  }
  .careers__positions[data-c-careers-page] {
    grid-column: 9 / span 4;
  }
  .careers__criteria[data-c-careers-page] {
    grid-column: 1 / span 4;
  }
  .careers__form[data-c-careers-page] {
    grid-column: 6 / span 7;
    margin: 0;
  }
}
@media (min-width: 1025px) and (min-height: 860px) {
  .careers__criteria[data-c-careers-page] {
    position: sticky;
    inset-block-start: calc(var(--header-h) + var(--s-6));
  }
}