/* Career areas: a selectable field guide, scoped to this page. */
#openings{background:#edf2f8}
#openings .career-section-heading{display:flex;align-items:flex-end;gap:60px;justify-content:space-between;margin-bottom:42px}
#openings .career-section-heading>div{flex:1.6;min-width:0}
#openings .career-section-heading h2{font-size:clamp(32px,3.4vw,48px);line-height:1.13;letter-spacing:-.035em;margin:15px 0 0;max-width:760px;text-wrap:balance}
#openings .career-section-heading>p{flex:1;max-width:380px;margin:0 0 3px;font-size:15px;line-height:1.85;color:#526985}
#openings .career-explorer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:24px;align-items:stretch}
#openings .career-explorer:not(.is-enhanced){display:block}
#openings .career-tabs{display:flex;flex-direction:column;gap:9px}
#openings .career-tab{display:flex;align-items:center;gap:13px;width:100%;flex:1;min-height:73px;padding:17px 18px;background:#f8faff;border:1px solid #d1deec;border-radius:15px;color:#3f5876;text-align:left;font:inherit;cursor:pointer;transition:background .22s,border-color .22s,color .22s}
#openings .career-tab>span:not(.card-subject-icon){flex:1;font-size:14px;line-height:1.5;font-weight:600;min-width:0}
#openings .career-tab>.card-subject-icon{width:32px;height:32px;min-height:32px;flex:0 0 32px;border:0;background:transparent;margin:0;border-radius:0;color:inherit}
#openings .career-tab>.card-subject-icon svg{width:24px;height:24px}
#openings .career-tab>svg{flex:0 0 16px;width:16px;opacity:.45;transition:transform .22s}
#openings .career-tab[aria-selected="true"]{background:#1c385e;border-color:#1c385e;color:#f5f9ff;box-shadow:0 8px 20px #172c4412}
#openings .career-tab[aria-selected="true"]>svg{opacity:1;transform:translateX(2px)}
#openings .career-tab:hover{border-color:#7e9ab9}
#openings .career-tab:focus-visible,#openings .career-role-link:focus-visible{outline:3px solid #3976bc;outline-offset:4px}
#openings .career-panel-stage{min-width:0;display:flex;flex-direction:column;gap:22px}
#openings .career-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);height:100%;min-height:500px;border-radius:25px;background:linear-gradient(140deg,#203e64,#112440);overflow:hidden;color:#fff;border:1px solid #294569;margin:0;min-width:0}
#openings .career-panel[hidden]{display:none}
#openings .career-panel-copy{padding:37px 32px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#openings .career-field{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b0c9e6;font-weight:600;margin-bottom:27px}
#openings .career-panel h3{font-size:32px;line-height:1.18;letter-spacing:-.025em;color:#fff;margin:0 0 19px;text-wrap:balance}
#openings .career-mission{font-size:19px;line-height:1.5;color:#dfebf8;margin:0 0 17px;max-width:30ch}
#openings .career-description{font-size:14px;line-height:1.85;color:#b8cce3;margin:0 0 22px}
#openings .career-skills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 30px;padding:0}
#openings .career-skills li{font-size:10px;line-height:1.5;color:#c9dcf1;border:1px solid #8dafd140;border-radius:999px;padding:6px 10px;margin:0;background:#ffffff05}
#openings .career-role-link{display:inline-flex;align-items:center;gap:15px;color:#fff;font-size:13px;font-weight:600;margin-top:auto;padding:14px 0 0;border-top:1px solid #789abe40;width:100%;text-decoration:none}
#openings .career-role-link:hover{color:#c5ddfa}
#openings .career-panel-photo{position:relative;margin:0;min-width:0;min-height:100%;isolation:isolate}
#openings .career-panel-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.88}
#openings .career-panel-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#162e4b05 35%,#10233ed9 100%);pointer-events:none}
#openings .career-panel-photo figcaption{position:absolute;bottom:30px;left:25px;right:20px;z-index:1;color:#fff;font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:500}
#openings .career-availability{font-size:12px;line-height:1.8;color:#657b95;margin:20px 0 0}
/* Two complementary ways of working, followed by one shared culture. */
#engineering-culture{background:#f7f9fc}
#engineering-culture .section-head{max-width:850px;margin-bottom:42px}
#engineering-culture .careers-engineering-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 25px;border:1px solid #c7d6e8;border-radius:26px;overflow:hidden;background:#fff}
#engineering-culture .company-v86-operating-card{padding:36px;border:0;border-radius:0;background:#fff;position:relative;min-width:0}
#engineering-culture .company-v86-operating-card:first-child{background:#eaf1fa}
#engineering-culture .company-v86-operating-card+.company-v86-operating-card{border-left:1px solid #c7d6e8}
#engineering-culture .company-v86-operating-card .tag{display:block;background:none;border:0;padding:0;margin:0 72px 35px 0;font-size:10px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:#587696;border-radius:0}
#engineering-culture .company-v86-operating-card>.card-subject-icon{position:absolute;top:30px;right:32px;margin:0;background:#dbe8f8;border-color:#c9d9ee;color:#355e91}
#engineering-culture .company-v86-operating-card h3{font-size:31px;line-height:1.19;letter-spacing:-.025em;margin:0 0 18px;max-width:460px;text-wrap:balance;color:#182e4d}
#engineering-culture .company-v86-operating-card>p{font-size:14px;line-height:1.85;color:#526985;margin:0 0 28px;max-width:58ch}
#engineering-culture .engineering-focus{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
#engineering-culture .engineering-focus li{border:1px solid #c6d6e6;background:#ffffff80;color:#476989;font-size:10px;line-height:1.6;padding:6px 10px;border-radius:999px;margin:0}
#engineering-culture .extension-wide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);gap:34px;background:linear-gradient(145deg,#1d3b5b,#14273f);padding:36px;border-radius:26px;align-items:start}
#engineering-culture .extension-callout{padding:0;border-radius:0;background:none}
#engineering-culture .extension-callout h3{font-size:31px;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px;max-width:340px}
#engineering-culture .extension-callout p{font-size:14px;line-height:1.85;color:#c1d2e5;max-width:40ch}
#engineering-culture .extension-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px}
#engineering-culture .career-benefit{border-top:1px solid #88a7c039;padding:18px 0 0;min-width:0}
#engineering-culture .career-benefit-icon{color:#9ebedc;display:inline-flex;margin-bottom:12px}
#engineering-culture .career-benefit h4{font-size:17px;line-height:1.4;color:#f0f6fd;margin:0 0 9px}
#engineering-culture .career-benefit p{font-size:13px;line-height:1.8;color:#b8cbe0;margin:0}
@media(max-width:1050px){
 #openings .career-section-heading{gap:32px;align-items:flex-start}
 #openings .career-explorer{grid-template-columns:minmax(0,1fr)}
 #openings .career-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #openings .career-tab{min-height:85px;padding:15px}
 #openings .career-panel{min-height:440px;grid-template-columns:1.4fr 1fr}
 #engineering-culture .extension-wide{grid-template-columns:minmax(0,1fr);gap:32px}
 #engineering-culture .extension-callout h3,#engineering-culture .extension-callout p{max-width:72ch}
}
@media(max-width:700px){
 #openings .career-section-heading{display:block;margin-bottom:30px}
 #openings .career-section-heading>p{margin:20px 0 0;max-width:none;font-size:14px}
 #openings .career-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #openings .career-tab{gap:9px;padding:13px;min-height:90px}
 #openings .career-tab>span:not(.card-subject-icon){font-size:12px}
 #openings .career-tab>.card-subject-icon{width:24px;flex-basis:24px}
 #openings .career-tab>.card-subject-icon svg{width:21px;height:21px}
 #openings .career-tab>svg{display:none}
 #openings .career-panel{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:22px}
 #openings .career-panel-copy{padding:29px 25px}
 #openings .career-panel h3{font-size:29px}
 #openings .career-field{margin-bottom:20px}
 #openings .career-mission{font-size:18px}
 #openings .career-panel-photo{min-height:210px}
 #openings .career-panel-photo img{object-position:center 42%}
 #openings .career-panel-photo figcaption{font-size:23px;bottom:23px}
 #engineering-culture .careers-engineering-paths{grid-template-columns:minmax(0,1fr);border-radius:22px}
 #engineering-culture .company-v86-operating-card{padding:28px}
 #engineering-culture .company-v86-operating-card+.company-v86-operating-card{border-left:0;border-top:1px solid #c7d6e8}
 #engineering-culture .company-v86-operating-card>.card-subject-icon{top:25px;right:25px}
 #engineering-culture .company-v86-operating-card h3{font-size:28px}
 #engineering-culture .extension-wide{padding:28px;border-radius:22px}
 #engineering-culture .extension-callout h3{font-size:28px}
 #engineering-culture .extension-stat-grid{gap:25px 20px}
}
@media(max-width:430px){
 #openings .career-tabs{gap:8px}
 #openings .career-tab{padding:11px;gap:7px}
 #engineering-culture .extension-stat-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 #openings .career-tab,#openings .career-tab>svg{transition:none}
}

/* Flat human-chain GIF, with a static alternative for paused or reduced motion. */
#openings .career-panel-photo{background:#193453}
#openings .career-panel-photo picture{position:absolute;inset:0;display:block}
#openings .career-panel-photo picture img{object-fit:contain;object-position:center;opacity:1}
#openings .career-panel-photo:after{background:linear-gradient(180deg,transparent 68%,#193453 90%)}
#openings .career-panel-photo .career-chain-still{display:none}
#openings .career-explorer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
#openings .career-explorer-footer .career-availability{margin:0}
#openings .career-rotation-toggle{flex:none;display:inline-flex;align-items:center;gap:8px;border:1px solid #bed0e4;border-radius:999px;padding:8px 13px;background:#f8faff;color:#3b5b7e;font:inherit;font-size:11px;line-height:1.5;cursor:pointer}
#openings .career-rotation-toggle:before{content:'Ⅱ';font-size:12px;font-weight:600}
#openings .career-rotation-toggle[aria-pressed="true"]:before{content:'▷'}
#openings .career-rotation-toggle:hover{background:#e2edf9}
#openings .career-rotation-toggle:focus-visible{outline:3px solid #3976bc;outline-offset:3px}
#openings .career-rotation-toggle:disabled{cursor:default;opacity:.65}
html[data-motion="paused"] #openings .career-chain-animated{display:none}
html[data-motion="paused"] #openings .career-panel-photo .career-chain-still{display:block}
html[data-motion="running"] #openings .career-panel-copy{animation:career-panel-enter .3s ease both}
@keyframes career-panel-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){
 #openings .career-panel-photo{min-height:230px}
 #openings .career-panel-photo picture{inset:10px 12px auto;height:135px}
 #openings .career-panel-photo picture img{object-position:center}
 #openings .career-panel-photo:after{background:none}
 #openings .career-explorer-footer{align-items:flex-start}
}
@media(max-width:430px){
 #openings .career-explorer-footer{flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){
 #openings .career-chain-animated{display:none}
 #openings .career-panel-photo .career-chain-still{display:block}
 html[data-motion="running"] #openings .career-panel-copy{animation:none}
}

/* A compact, distinct enquiry section for background verification teams. */
.careers-page #bgc-enquiries{padding:40px 0;background:#e8edf4;border-top:1px solid #cbd5e2;border-bottom:1px solid #cbd5e2}
.careers-page #bgc-enquiries .extension-cta{padding:26px 30px;background:#fff;border:1px solid #cbd5e2;border-left:4px solid #526985;border-radius:14px;gap:28px}
.careers-page #bgc-enquiries .kicker{font-size:10px;line-height:1.5;letter-spacing:.09em;color:#526985;margin:0 0 8px}
.careers-page #bgc-enquiries h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;color:#182e4d;margin:0 0 10px}
.careers-page #bgc-enquiries p{font-size:13px;line-height:1.7;color:#526985;max-width:64ch;margin:0}
.careers-page #bgc-enquiries .btn{font-size:12px;line-height:1.5;margin:0;padding:12px 20px}
.careers-page #bgc-enquiries .btn:focus-visible{outline:3px solid #526985;outline-offset:4px}
@media(max-width:650px){
 .careers-page #bgc-enquiries{padding:28px 0}
 .careers-page #bgc-enquiries .extension-cta{padding:22px;gap:20px}
 .careers-page #bgc-enquiries h2{font-size:22px}
}

/* Teamwork photography with a blue tint and navy text overlay. */
.careers-page #careers-openings.hero-image{--hero-image:url('https://d1u3y1ckb7nf7.cloudfront.net/root/hero-careers-teamwork.jpg');background:#13213f}
.careers-page #careers-openings.hero-image::before{background-image:linear-gradient(90deg,#0c2042f5 0%,#123460e6 32%,#173e7399 53%,#1b477866 74%,#1b477866 100%),linear-gradient(0deg,#0b2040a6 0%,#224e854d 70%),var(--hero-image);background-position:center;background-size:cover;opacity:1}
.careers-page #careers-openings .page-hero-grid>div{max-width:660px}
.careers-page #careers-openings h1{max-width:660px;color:#f5f9ff}
.careers-page #careers-openings p{max-width:600px;color:#cddbef}
@media(max-width:700px){
 .careers-page #careers-openings.hero-image::before{background-image:linear-gradient(90deg,#0c2042eb,#173e73b3),var(--hero-image);background-position:68% center}
 .careers-page #careers-openings .page-hero-grid>div{max-width:100%}
}
