/* Recruitment inherits the store's fonts, palette and native controls. */
.debackers-jobs { max-inline-size: 760px; margin-inline: auto; padding-block: 2rem 4rem; }
.debackers-jobs__intro { max-inline-size: 65ch; font-size: 1.125rem; }
.debackers-jobs__empty { padding-block: 3rem; border-block: 1px solid var(--theme-border-color, #d4d4d4); font-size: 1.25rem; }
.debackers-jobs__opportunity { padding-block: 2rem; border-block-end: 1px solid var(--theme-border-color, #d4d4d4); }
.debackers-jobs__opportunity h2 { margin-block: 0 1rem; }
.debackers-jobs summary { cursor: pointer; min-block-size: 44px; padding-block: .75rem; font-weight: 700; text-decoration: underline; text-underline-offset: .25em; }
.debackers-jobs__form { display: grid; gap: 1.25rem; padding-block: 1.5rem; }
.debackers-jobs__field { display: grid; gap: .5rem; min-inline-size: 0; }
.debackers-jobs__field > label { font-weight: 600; }
.debackers-jobs input, .debackers-jobs textarea { max-inline-size: 100%; min-block-size: 44px; }
.debackers-jobs input[type="file"] { inline-size: 100%; padding: .5rem; border: 1px solid var(--theme-border-color, #d4d4d4); }
.debackers-jobs textarea { min-block-size: 8rem; resize: vertical; }
.debackers-jobs button { min-block-size: 48px; justify-self: start; align-self: start; grid-column: 1 / -1; }
.debackers-jobs button:disabled { opacity: .65; cursor: wait; }
.debackers-jobs :focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.debackers-jobs__trap { display: none; }
.debackers-jobs [role="status"]:empty { display: none; }
.debackers-jobs [role="status"] { margin-block: .5rem; }
@media (min-width: 768px) {
  .debackers-jobs__form { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; }
  .debackers-jobs__field:has(textarea), .debackers-jobs__field:has(input[type="file"]), .debackers-jobs__form > [role="status"] { grid-column: 1 / -1; }
}