/* hero copy width for this page */
.hl2{max-width:72ch}
/* compact hero: no fullscreen, matches News/Contact/Legal */

/* ===== careers-split ===== */
#openings .sec-head-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(24px,3.5vw,44px);align-items:start}
#openings .sec-head-split .fill{margin-bottom:0}
#openings .sec-head-split .lead{margin:0;max-width:60ch;
  border-left:1px solid rgba(150,180,255,.18);padding-left:clamp(24px,3.5vw,44px)}
@media(max-width:860px){
  #openings .sec-head-split{grid-template-columns:1fr;gap:16px}
  #openings .sec-head-split .lead{border-left:0;padding-left:0}
}

/* ===== careers-steps-css ===== */
#services .steps-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(40px,6vw,96px);margin-top:clamp(20px,3vw,40px)}
#services .steps-l{position:relative}
#services .steps-pin{position:sticky;top:clamp(96px,16vh,150px)}
#services .stepin{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.6vw,34px);
  padding:clamp(26px,3.4vw,44px) 0;border-top:1px solid var(--border)}
#services .steps-r .stepin:first-child{border-top:0;padding-top:6px}
#services .stepin-idx{display:flex;align-items:flex-start;color:var(--velocity-blue,#3C63FF);
  min-width:52px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1}
#services .stepin-t{margin:0 0 10px;font-family:var(--font-display);font-weight:700;
  font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.12;letter-spacing:-.01em;color:var(--fg)}
#services .stepin-p{margin:0;font-size:15.5px;line-height:1.66;max-width:58ch;color:var(--fg-muted)}
@media (max-width:900px){
  #services .steps-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  #services .steps-pin{position:relative;top:auto;z-index:1}
  #services .stepin{padding:22px 0}
  #services .stepin-idx{min-width:40px}
}

/* ===== careers-cta-center ===== */
/* center fix: absolute .ltop spans full line width and inherits center alignment,
   so the bright layer lines up with the .lbase ghost layer (no doubling) */
.cta-center .shell{max-width:760px}
.cta-center .cta-copy{max-width:68ch}

/* ===== role brief =====
   Two shapes the news template has no answer for: the subsection headings under
   each mandate, and the apply card that closes the page. The company figures
   reuse the counter cards from the One page, so only their three colours change
   here for the light island. */
.post-article h3{font-family:var(--font-display);font-weight:700;color:#0A1120;
  font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.3;margin:26px 0 10px}
.post-article .job-note{color:rgba(9,20,39,.6)}

/* The brief column is narrower than the One page band, so the figures come down
   a size and the cards tighten to match. Everything else is inherited. */
.job-band{margin:28px 0 30px}
.job-band .mcard{padding:clamp(18px,2vw,24px) clamp(16px,1.6vw,20px)}
.job-band .mnum{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.job-band .mlab{padding-top:10px;font-size:.68rem;letter-spacing:.18em}
.post-body-sec .job-band .mcard{border-color:rgba(9,20,39,.14)}
.post-body-sec .job-band .mnum{color:#0A1120}
.post-body-sec .job-band .mlab{opacity:1;color:rgba(9,20,39,.55)}

/* Hero actions: applying on top, the way back under it, both on the centre line */
.job-act{display:flex;flex-direction:column;align-items:center;gap:26px;margin-top:4px}
.job-act .post-back{margin-bottom:0}

/* Closing card: wider than the article measure but capped at 1000, no fill,
   one blue hairline, everything centred. The foot below it keeps the same
   measure so the bottom of the page lines up. */
.job-apply{max-width:1000px;margin:clamp(34px,5vw,56px) auto 0;padding:clamp(30px,4vw,48px) clamp(20px,3vw,40px);
  border:1px solid rgba(60,99,255,.42);border-radius:20px;background:none;text-align:center}
.job-apply h2{font-family:var(--font-display);font-weight:800;color:#0A1120;
  font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2;margin:0 0 12px}
.job-apply p{margin:0 auto 22px;max-width:62ch;color:#48546B;font-size:16px;line-height:1.7}
.job-apply .btn{margin-inline:auto;margin-bottom:24px}
.job-apply .job-apply-note{margin:18px auto 22px;max-width:74ch;font-style:italic;
  font-size:13.5px;line-height:1.65;color:rgba(9,20,39,.55)}
.job-apply .job-apply-note + .job-apply-note{margin-top:10px}
.job-apply .job-apply-note:last-child{margin-bottom:0}
/* the foot lines up with the card above it rather than with the article measure */
.job-apply ~ .post-foot{max-width:1000px}