/* Careers — Figma 830:965 (collapsed) / 830:1021 (expanded) */
.careers-hero { padding-top: 288px; }
.careers-hero__title { max-width: 595px; }
.careers-jobs { padding-top: 154px; padding-bottom: 94px; }

.job { border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.job__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 626px); gap: 35px; padding: 32px 0 27px; }
.job__title { font-family: var(--ff-display); font-weight: var(--fw-medium); font-size: var(--fs-h2-fluid); line-height: 1.2; color: var(--c-black); max-width: 611px; }
.job__meta { display: flex; align-items: center; gap: 16px; margin-top: 16px; font-size: 16px; line-height: 28px; color: var(--c-grey); }
.job__summary .t-body { max-width: 549px; }
.job__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 22px; }
.job__toggle .job__label-close, .job__toggle[aria-expanded="true"] .job__label-more { display: none; }
.job__toggle[aria-expanded="true"] .job__label-close { display: inline; }
.job__icon { transition: transform var(--dur) var(--ease); }
.job__toggle[aria-expanded="true"] .job__icon { transform: rotate(45deg); }
.job__apply { transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s, background-color var(--dur-fast) var(--ease); }
.js .job:not(.is-open) .job__apply { opacity: 0; visibility: hidden; transform: translateX(-12px); transition: opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), visibility 0s linear var(--dur-fast); }

.job__details { overflow: hidden; }
.job__body { max-width: 626px; margin-inline: auto; padding: 67px 0 40px; font-size: 16px; line-height: 28px; color: var(--c-grey); }
.job__body > * + * { margin-top: 28px; }
.job__body strong { font-weight: var(--fw-bold); }
.job__body h4 { margin-top: 32px; font-family: var(--ff-display); font-weight: var(--fw-bold); font-size: var(--fs-h3-fluid); letter-spacing: .64px; line-height: normal; color: var(--c-black); }
.job__body h4 + p { margin-top: 20px; }
.job__body ul { margin-top: 24px; padding-left: 76px; }
.job__body ul + p { margin-top: 24px; }
.job__body li::marker { font-size: .8em; }

@media (max-width: 899px) {
  .careers-hero { padding-top: 200px; }
  .careers-jobs { padding-top: 64px; padding-bottom: 80px; }
  .job__row { grid-template-columns: 1fr; gap: 24px; }
  .job__body { padding-top: 40px; }
  .job__body ul { padding-left: 24px; }
}
@media (max-width: 639px) {
  .careers-hero { padding-top: 160px; }
  .job__actions .btn { white-space: normal; text-align: center; }
}