.job-system {
  --job-navy: #16336b;
  --job-navy-deep: #0b1d43;
  --job-ink: #14171d;
  --job-muted: #5b6472;
  --job-paper: #f9fafb;
  --job-surface: #fff;
  --job-line: rgba(20, 23, 29, 0.15);
  --job-focus: #7f9bdb;
  color: var(--job-ink);
  background: var(--job-paper);
  font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.job-system *, .job-system *::before, .job-system *::after { box-sizing: border-box; }
.job-system a { color: inherit; }
.job-container { width: min(100% - 48px, 1180px); margin-inline: auto; }
.job-hero { padding: clamp(64px, 8vw, 112px) 0 clamp(56px, 7vw, 88px); background: var(--job-navy-deep); color: #fff; }
.job-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 56px; color: rgba(255,255,255,.68); font-size: 13px; }
.job-breadcrumb a { text-decoration: none; }
.job-breadcrumb a:hover { color: #fff; }
.job-eyebrow, .job-section-index { margin: 0 0 18px; color: #adc0ea; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.job-hero h1 { max-width: 920px; margin: 0; font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif; font-size: clamp(2.8rem, 6vw, 5.5rem); font-weight: 500; letter-spacing: -.05em; line-height: 1; text-wrap: balance; }
.job-meta { display: flex; flex-wrap: wrap; gap: 22px 52px; margin: 48px 0 0; }
.job-meta div { min-width: 120px; }
.job-meta dt { color: rgba(255,255,255,.58); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.job-meta dd { margin: 6px 0 0; font-size: 15px; }
.job-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 1px solid transparent; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }
.job-button:hover { transform: translateY(-2px); }
.job-button--light { margin-top: 42px; background: #fff; color: var(--job-navy-deep) !important; }
.job-button--dark { background: var(--job-navy-deep); color: #fff !important; }
.job-button--dark:hover { background: var(--job-navy); }
.job-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(48px, 8vw, 112px); padding-block: clamp(72px, 9vw, 128px); align-items: start; }
.job-description { min-width: 0; max-width: 720px; }
.job-description .job-section-index, .job-form-intro .job-section-index { color: var(--job-navy); }
.job-description h2, .job-form-intro h2 { margin: 0 0 34px; font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 500; letter-spacing: -.04em; }
.job-description p, .job-description li { color: #343b46; font-size: 17px !important; line-height: 1.75 !important; }
.job-description p { margin: 0 0 20px; }
.job-description h3, .job-description h4 { margin: 40px 0 14px; font-size: 20px; }
.job-description table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.job-apply-card { position: sticky; top: 32px; padding: 30px; border: 1px solid var(--job-line); background: var(--job-surface); }
.job-apply-card > p { margin: 0 0 16px; color: var(--job-muted); font-size: 13px; }
.job-apply-card h2 { margin: 0 0 28px; font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 27px; font-weight: 500; line-height: 1.1; letter-spacing: -.03em; }
.job-apply-card .job-button { width: 100%; }
.job-back-link { display: block; margin-top: 20px; color: var(--job-navy) !important; text-align: center; font-size: 13px; font-weight: 700; text-underline-offset: 3px; }
.job-apply-hero { padding-bottom: 72px; }
.job-apply-hero h1 { font-size: clamp(2.7rem, 6vw, 5.5rem); }
.job-apply-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 28px; color: rgba(255,255,255,.76); font-size: 14px; }
.job-hero-lede { max-width: 620px; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.65; }
.job-hero-back { display: inline-block; margin-top: 30px; color: #d6e0f5 !important; text-underline-offset: 4px; }
.job-apply-wrap { max-width: 880px; padding-block: clamp(56px, 8vw, 96px); }
.job-form-card { padding: clamp(28px, 5vw, 56px); border: 1px solid var(--job-line); background: #fff; box-shadow: 0 24px 70px rgba(11,29,67,.08); }
.job-form-intro { margin-bottom: 42px; }
.job-form-intro h2 { margin-bottom: 12px; }
.job-form-intro > p:last-child { color: var(--job-muted); }
.job-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.job-form-grid label { display: grid; gap: 9px; color: var(--job-ink); font-size: 14px; font-weight: 700; }
.job-form-grid label > span[aria-hidden="true"] { color: #b42318; }
.job-form-grid input, .job-form-grid textarea { width: 100%; min-height: 50px; border: 1px solid #cfd4dc; border-radius: 7px; background: #fff; color: var(--job-ink); padding: 12px 14px; font: inherit; font-weight: 400; }
.job-form-grid textarea { resize: vertical; }
.job-form-grid input:hover, .job-form-grid textarea:hover { border-color: #8f98a6; }
.job-system :focus-visible { outline: 3px solid var(--job-focus); outline-offset: 3px; }
.job-form-grid input:focus-visible, .job-form-grid textarea:focus-visible { border-color: var(--job-navy); outline: 3px solid rgba(127,155,219,.45); outline-offset: 0; }
.job-form-full { grid-column: 1 / -1; }
.job-optional { margin-left: 6px; color: var(--job-muted); font-size: 12px; font-weight: 400; }
.job-field-help { color: var(--job-muted); font-size: 13px; font-weight: 400; line-height: 1.5; }
.job-file-field input { padding: 18px; border-style: dashed; background: #f9fafb; }
.job-field-error, .job-form-error { color: #9b271f; font-size: 13px; line-height: 1.5; }
.job-submit { width: 100%; margin-top: 32px; cursor: pointer; }
.job-submit:disabled { cursor: wait; opacity: .65; transform: none; }
.job-form-error { margin-top: 20px; padding: 14px 16px; border: 1px solid #e8b4ad; background: #fff4f2; }
.job-form-privacy { margin: 20px auto 0; max-width: 620px; color: var(--job-muted); text-align: center; font-size: 12px; line-height: 1.6; }
.job-success { text-align: center; }
.job-success-mark { display: grid; width: 58px; height: 58px; margin: 0 auto 24px; place-items: center; border-radius: 50%; background: #e8f6ee; color: #12805c; font-size: 26px; font-weight: 800; }
.job-success h2 { margin: 0 0 12px; font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 38px; font-weight: 500; }
.job-success p { max-width: 560px; margin: 0 auto 28px; color: var(--job-muted); line-height: 1.65; }
@media (max-width: 760px) {
  .job-container { width: min(100% - 32px, 1180px); }
  .job-breadcrumb { margin-bottom: 40px; }
  .job-layout { grid-template-columns: 1fr; }
  .job-apply-card { position: static; }
  .job-form-grid { grid-template-columns: 1fr; }
  .job-form-full { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .job-system * { scroll-behavior: auto !important; transition: none !important; }
}
/* Restrained glass treatment shared with the enterprise hero system. */
.job-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#071938 0%,var(--job-navy-deep) 62%,#173a78 100%)}
.job-hero::after{position:absolute;z-index:-1;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 86%);content:"";pointer-events:none}
.job-button--light{color:#fff!important;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 35px rgba(1,12,35,.16);backdrop-filter:blur(16px) saturate(130%)}
.job-button--light:hover{background:rgba(255,255,255,.22)}
.job-apply-card,.job-form-card{border-radius:18px;box-shadow:0 22px 60px rgba(13,35,80,.08)}
