/* Compatibility boundary for legacy shell !important declarations.
   Values and responsive decisions belong to careers.css. Never target job detail. */
html body.fenix-figma-shell-page.fenix-figma-careers-page .fenix-site-main:has(> .fenix-careers-page) {
  padding-top: var(--fenix-measured-header-height, var(--fenix-header-height, 94px)) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page {
  gap: var(--fenix-careers-section-gap) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-careers-hero {
  padding-block: clamp(48px, 5.291vw, 80px) 0 !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-careers-benefits {
  padding-block: var(--fenix-careers-band-padding) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page :is(.fenix-careers-open, .fenix-careers-voices, .fenix-case-study-cta) {
  padding: 0 !important;
}

html body.fenix-figma-careers-page .fenix-careers-page :is(.fenix-careers-benefits__inner, .fenix-careers-open__inner) {
  gap: var(--fenix-careers-content-gap) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-careers-section-heading {
  gap: var(--fenix-careers-heading-gap) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-careers-voices__stage {
  height: auto !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-case-study-cta__inner {
  height: auto !important;
  padding: var(--fenix-careers-cta-padding) !important;
  flex-direction: var(--fenix-careers-cta-direction) !important;
  align-items: var(--fenix-careers-cta-align) !important;
  gap: var(--fenix-careers-cta-gap) !important;
  background:
    radial-gradient(ellipse at 60% 55%, rgb(148 102 208 / 39%), rgb(94 45 158 / 65%) 58.7%, rgb(41 19 100 / 65%)),
    var(--fenix-careers-navy) !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-case-study-cta__content {
  width: auto !important;
  flex: 1 1 auto !important;
}

html body.fenix-figma-careers-page .fenix-careers-page .fenix-case-study-cta__content h2 {
  width: min(550px, 100%) !important;
  font-size: var(--fenix-careers-cta-heading-size, var(--fenix-careers-heading-size)) !important;
  line-height: var(--fenix-careers-cta-heading-leading, var(--fenix-careers-heading-leading)) !important;
}
