/* Careers listing and role pages (Nov 2026). Builds on pr.css. */
.jb{--jb-blue:#0D3C87;--jb-green:#0B7D22;--jb-red:#C62828;--jb-ink:#111111;--jb-cream:#FAF9F6}
.jb .pr-hero h1{color:var(--jb-ink)}
.jb-eb{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1 Inter,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--jb-green)!important;margin:0 0 16px!important}
.jb-eb:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--jb-green)}
.jb-back{display:flex;width:fit-content;align-items:center;gap:8px;font:500 15px/1 Inter,sans-serif;color:var(--jb-blue)!important;text-decoration:none;margin-bottom:22px}
.jb-back:hover{text-decoration:underline;text-underline-offset:3px}
.jb .pr-acts .btn{background:var(--jb-blue);color:#fff;border:1px solid var(--jb-blue)}
.jb .pr-acts .btn.o{background:transparent;color:var(--jb-blue);border-color:rgba(13,60,135,.35)}
.jb .btn svg{width:18px;height:18px;flex:none}
/* role layout: main content, slim details column on the right (above content on mobile) */
.jb-layout{display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}
@media(min-width:1024px){.jb-layout{grid-template-columns:minmax(0,1fr) 240px;gap:72px;align-items:start}.jb-side{grid-column:2;grid-row:1;position:sticky;top:120px}.jb-main{grid-column:1;grid-row:1}}
.jb-main{min-width:0}
.jb-blk+.jb-blk{margin-top:clamp(48px,6vw,80px)}
.jb-facts{margin:0;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1024px){.jb-facts{grid-template-columns:minmax(0,1fr);gap:26px}}
.jb-fact{min-width:0}
.jb-fact dt{font:600 11.5px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B;margin:0 0 6px}
.jb-fact dd{font:500 16px/1.45 Inter,sans-serif;color:var(--jb-ink);margin:0;overflow-wrap:anywhere}
/* prose and sections */
.jb-two{display:grid;gap:8px}
@media(min-width:900px){.jb-two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}}
.jb-prose p{font-size:17px!important;line-height:1.7!important;color:#333!important}
.jb-prose p+p{margin-top:16px!important}
.jb-req li{color:#222;font-size:16px;line-height:1.55}
.jb-req{margin-top:0!important}
.jb .pr-ticks li:before{background-color:#E6F2E9}
/* apply panel: sits in the content column, copy then a solid white action */
.jb-panel{background:var(--jb-blue);color:#fff;border-radius:28px;padding:clamp(28px,4vw,48px)}
.jb-panel h2{color:#fff!important;margin-bottom:16px!important}
.jb-panel p{color:rgba(255,255,255,.88)!important;font-size:17px!important;line-height:1.65!important;max-width:620px}
.jb-panel a:not(.btn){color:#fff!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.jb-panel-dl{display:flex;align-items:center;gap:10px;margin-top:20px!important;color:#fff!important}
.jb-panel-dl svg{width:20px;height:20px;flex:none;color:#FFBF37}
.jb-panel-dl b{color:#fff}
.jb-panel-a{margin-top:28px}
.jb .jb-panel .btn{background:#fff!important;color:#0D3C87!important;border:0!important;min-height:54px;padding:0 28px;border-radius:999px;font:600 16px/1 Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.jb .jb-panel .btn:hover{background:#F2F6FC!important}
@media(max-width:519px){.jb .jb-panel .btn{width:100%}}
/* footnotes: aligned to the card's inner text, same measure, one quiet block */
.jb-notes{margin-top:36px;padding:0 clamp(28px,4vw,48px);max-width:calc(620px + 2*clamp(28px,4vw,48px));box-sizing:border-box}
.jb-note{font-size:14.5px!important;line-height:1.6!important;color:#5A5A5A!important;margin:0!important}
.jb-note+.jb-note{margin-top:6px!important}
.jb-note a{color:var(--jb-blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* closed */
.jb-closed{display:none;margin:22px 0 0!important;background:#FDECEC;color:var(--jb-red)!important;font:600 15px/1.4 Inter,sans-serif!important;border-radius:14px;padding:12px 16px;max-width:560px}
.is-closed .jb-closed{display:block}
.is-closed .jb-open-only{display:none!important}
/* listing */
.jb-hd{display:grid;gap:6px;margin-bottom:clamp(20px,2.6vw,32px)}
@media(min-width:900px){.jb-hd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px}}
.jb-hd h2{margin:0!important}
.jb-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.jb-role[hidden]{display:none}
.jb-role a{display:grid;gap:16px;background:#fff;border:1px solid rgba(13,60,135,.12);border-radius:22px;padding:clamp(22px,2.6vw,32px);text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease}
@media(min-width:1024px){.jb-role a{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:32px}}
.jb-role a:hover{transform:translateY(-2px);border-color:rgba(13,60,135,.35)}
.jb-role h3{font-size:clamp(20px,2vw,24px)!important;color:var(--jb-ink)!important}
.jb-role p{margin-top:6px!important;font-size:15.5px!important}
.jb-meta{font:500 15px/1.5 Inter,sans-serif!important;color:#555!important}
.jb-go{font:600 15px/1 Inter,sans-serif!important;color:#fff!important;background:var(--jb-blue);border-radius:999px;padding:14px 20px;justify-self:start;white-space:nowrap}
.jb-empty{background:#fff;border-radius:22px;padding:28px}
.jb-empty[hidden]{display:none}
.jb-empty p{margin-top:8px!important}.jb-empty a{color:var(--jb-blue);text-decoration:underline}
/* text-only page top: one column, comfortable measure */
.jb-top{grid-template-columns:minmax(0,1fr)!important}
.jb-top .pr-hero-t{max-width:820px}
.jb-top .pr-lead{max-width:640px}
/* apply follows the role content at the same rhythm as the blocks above it */
.jb .jb-apply-sec{padding-top:clamp(64px,7vw,96px)!important}
