.career-reader { padding-block-start:clamp(28px,5vw,72px); }
.career-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:end; gap:clamp(20px,5vw,80px); margin-block-end:clamp(26px,4vw,62px); }
.career-heading h1 { margin:0; font-size:clamp(38px,6.2vw,86px); line-height:1.08; letter-spacing:-.035em; }
.career-heading p, .career-story { margin:0; max-width:60ch; line-height:1.55; }
.career-layout { display:grid; grid-template-columns:minmax(180px,.39fr) minmax(0,1.61fr); gap:clamp(24px,5vw,85px); align-items:start; }
.career-index { border-block-start:2px solid var(--ink); }
.career-year { padding:9px 0; display:grid; grid-template-columns:minmax(44px,.35fr) minmax(0,1fr); gap:8px; border-block-end:1px solid var(--rule); }
.career-year h3 { padding-block:8px 0; margin:0; font-size:16px; font-variant-numeric:tabular-nums; }
.career-year ul, .career-phases ol { margin:0; padding:0; list-style:none; }
.career-year a { display:block; padding-block:8px; font-size:16px; line-height:1.32; text-decoration:none; }
.career-year a:is([aria-current],:hover,:focus-visible) { text-decoration:underline; text-underline-offset:.23em; }
.career-year a[aria-current] { font-weight:750; }
.career-detail { scroll-margin-block-start:20px; border-block-start:2px solid var(--ink); padding-block-start:20px; min-inline-size:0; }
.career-picker { display:none; }
.career-role-head p { margin:0; font-size:15px; color:var(--muted); }
.career-role-head h2 { margin:4px 0; font-size:clamp(29px,4vw,60px); line-height:1.12; }
.career-role-head p.career-title { color:var(--ink); font-size:clamp(17px,1.5vw,24px); font-weight:650; }
.career-story { margin-block:14px 20px; }
.career-phases h3 { font-size:20px; line-height:1.35; margin:0 0 10px; }
.career-phases li { display:grid; grid-template-columns:minmax(8rem,.63fr) minmax(0,1.37fr); column-gap:12px; padding-block:9px; border-block-start:1px solid var(--rule); font-size:16px; line-height:1.38; }
.career-phases li p { margin:3px 0 0; font-size:15px; color:var(--muted); line-height:1.5; }
.career-phases li span { color:var(--muted); }
.career-proof { margin:14px 0 0; }
.career-proof a { display:block; color:inherit; text-decoration:none; }
.career-proof img { display:block; inline-size:100%; block-size:clamp(190px,25vw,360px); object-fit:contain; background:#eeede8; }
.career-proof span { display:flex; gap:12px; justify-content:space-between; padding-block:8px; border-block-end:1px solid var(--rule); font-weight:650; line-height:1.4; }
.career-proof i { font-style:normal; }
.career-links,.career-enquiry { display:flex; gap:0 24px; flex-wrap:wrap; align-items:center; }
.career-links { margin-block:18px 10px; }
.career-links a,.career-enquiry a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:.2em; font-weight:650; }
.career-enquiry { border-block-start:1px solid var(--rule); padding-block-start:12px; }
.career-enquiry a:first-child { gap:14px; background:var(--ink); color:var(--paper); padding:9px 16px; text-decoration:none; }
.career-index a:focus-visible,.career-detail :is(a,select,button):focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
@media(min-width:1100px) {
  .career-detail:has(.career-proof) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(18px,3vw,50px); }
  .career-detail:has(.career-proof) > * { grid-column:1; }
  .career-detail:has(.career-proof) > .career-proof { grid-column:2; grid-row:1 / span 3; margin:0; }
  .career-detail:has(.career-proof) > .career-links,.career-detail:has(.career-proof) > .career-enquiry { grid-column:1/-1; }
  .career-phases li { grid-template-columns: minmax(0,1fr); row-gap:2px; }
}
@media(max-width:730px) {
  .career-heading,.career-layout { display:block; }
  .career-heading h1 { margin-block-end:10px; }
  .career-index { display:none; }
  .career-detail { padding-block-start:14px; }
  .career-picker { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; margin-block-end:22px; }
  .career-picker label { grid-column:1/-1; font-size:15px; font-weight:650; }
  .career-picker :is(select,button) { min-width:0; min-height:44px; font:inherit; background:var(--paper); color:var(--ink); border:1px solid var(--control-rule); padding:5px 10px; }
  .career-picker button { border-color:var(--ink); }
  .career-story { margin-block:12px 18px; }
  .career-phases li { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); }
}