/* TEKMILA Careers — approved design; selectors scoped to the Careers page. */
.careers-page{--career-navy:#06283e;--career-ink:#081a2b;--career-lime:#baff00;--career-green:#62c91b;background:#fff;color:var(--career-ink)}
.careers-page em{font-style:normal;color:var(--career-green)}
.careers-page .site-header,.careers-page .site-footer{background:#fff}
.careers-page .career-container{max-width:1410px;width:calc(100% - 100px);margin-inline:auto}
.careers-page .career-arrow{width:21px;height:21px;flex:none}
.careers-page .career-dash{width:39px;height:7px;background:var(--career-lime);display:inline-block;border-radius:2px;flex:none}
.careers-page .career-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:1.2px;font-weight:850;margin:0 0 13px}
.careers-page .career-dark-outline,.careers-page .career-outline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1.5px solid #092337;border-radius:8px;padding:0 21px;min-height:43px;font-size:14px;font-weight:750;color:#092337;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}
.careers-page .career-dark-outline:hover{background:#f3f8ed;transform:translateY(-1px)}
/* Photo and copy match the approved 2-engineer hero composition. */
.careers-page .career-hero{height:423px;position:relative;isolation:isolate;overflow:hidden;background:#05273d;color:#fff}
.careers-page .career-hero-photo{position:absolute;inset:0 0 0 29%;z-index:-3;background:url('../assets/images/career-engineers-v9.webp') center 42% / cover no-repeat}
.careers-page .career-hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06273efc 0%,#06283ef7 29%,#062c46bd 43%,#06334e2a 60%,#06243a11 100%)}
.careers-page .career-hero-lime{position:absolute;inset:0;z-index:-1;background:var(--career-lime);clip-path:polygon(100% 0%,100% 100%,95.2% 100%)}
.careers-page .career-hero-inner{position:relative;padding:32px 0 28px}
.careers-page .career-breadcrumb{display:flex;align-items:center;gap:13px;font-size:15px;margin:0 0 41px;line-height:1.3}
.careers-page .career-breadcrumb a:hover{text-decoration:underline}
.careers-page .career-breadcrumb span[aria-hidden]{font-weight:780;font-size:24px}
.careers-page .career-hero h1{font-size:clamp(42px,4.2vw,65px);line-height:1.04;font-weight:870;letter-spacing:-2.2px;margin:0 0 18px;max-width:660px}
.careers-page .career-hero h1 em{color:var(--career-lime)}
.careers-page .career-hero p{font-size:18px;line-height:1.43;max-width:510px;margin:0 0 27px}
.careers-page .career-outline-btn{background:#042b4177;color:#fff;border-color:#fff;min-height:44px}
.careers-page .career-outline-btn:hover{background:#ffffff29;transform:translateY(-1px)}
/* WHY WORK */
.careers-page .career-why{background:#fff;padding:46px 0 45px}
.careers-page .career-why-grid{display:grid;grid-template-columns:40% 1fr;gap:50px;align-items:center}
.careers-page .career-why h2,.careers-page .career-paths h2,.careers-page .career-process h2{font-size:clamp(33px,3.35vw,50px);font-weight:860;letter-spacing:-1.55px;line-height:1.09;margin:0 0 20px}
.careers-page .career-why-intro>p:not(.career-eyebrow){font-size:17px;line-height:1.5;max-width:540px;margin:0 0 21px}
.careers-page .career-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.careers-page .career-benefit-card{display:flex;align-items:flex-start;gap:18px;border-radius:17px;padding:22px 22px 19px;background:linear-gradient(130deg,#fff,#f9fcff);box-shadow:0 10px 23px #0a314a1b,0 1px 4px #102a4410;min-height:133px}
.careers-page .career-benefit-icon{display:grid;place-items:center;background:#e7ffbe;border-radius:12px;height:62px;width:62px;color:#1d8422;flex:none}
.careers-page .career-benefit-icon svg{width:35px;height:35px}
.careers-page .career-benefit-card h3{font-size:19px;line-height:1.11;letter-spacing:-.5px;margin:0 0 9px;font-weight:810}
.careers-page .career-benefit-card p{font-size:14px;line-height:1.37;margin:0;color:#183753}
/* CAREER PATHS */
.careers-page .career-paths{border-top:1px solid #e2e9ef;background:linear-gradient(#fff,#f9fcff);padding:37px 0 45px}
.careers-page .career-paths-heading{display:grid;grid-template-columns:34% 1fr auto;align-items:center;gap:26px}
.careers-page .career-paths-heading>p{font-size:16px;line-height:1.42;padding:10px 0 10px 30px;border-left:1px solid #9fb0bf;max-width:550px;margin:0}
.careers-page .career-paths h2{font-size:clamp(32px,2.75vw,43px);margin:0}
.careers-page .career-status-note{font-size:13px;line-height:1.3;color:#45647a;margin:14px 0 15px}
.careers-page .career-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.careers-page .career-role-card{padding:20px 22px 22px;min-width:0;min-height:205px;background:#fff;box-shadow:0 12px 22px #092b431a,0 1px 4px #102c4412;border-radius:17px}
.careers-page .career-role-top{display:flex;align-items:center;gap:14px}
.careers-page .career-role-icon{background:#e5ffbb;color:#187120;display:grid;place-items:center;height:52px;width:52px;border-radius:12px;flex:none}
.careers-page .career-role-icon svg{width:29px;height:29px}
.careers-page .career-role-card h3{margin:0;flex:1;font-size:21px;letter-spacing:-.6px;line-height:1.1;font-weight:840}
.careers-page .career-role-next{display:grid;place-items:center;flex:none;border:0;border-radius:50%;width:39px;height:39px;background:var(--career-lime);color:#06283e;cursor:pointer}
.careers-page .career-role-next:hover{background:#d8ff63}
.careers-page .career-role-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0 13px;font-size:13px;color:#193c54}
.careers-page .career-role-meta svg{width:17px;height:17px;color:#7fd122}
.careers-page .career-role-meta span{margin:0 3px;color:#8da5b9}
.careers-page .career-role-copy{margin:0;color:#243f57;font-size:14px;line-height:1.43}
.careers-page .career-paths-extra{color:#3d5a72;line-height:1.42;font-size:14px;margin:17px 0 0}
/* LIFE */
.careers-page .career-life{width:calc(100% - 34px);margin:1px auto 0;background:#052940;border-radius:17px;position:relative;overflow:hidden;color:#fff}
.careers-page .career-life-layout{display:grid;grid-template-columns:32% 1fr;align-items:center;gap:30px;padding:28px 0}
.careers-page .career-eyebrow-light{color:#fff}
.careers-page .career-life h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-1.15px;font-weight:845;margin:0}
.careers-page .career-life h2 em{color:var(--career-lime)}
.careers-page .career-life-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.careers-page .career-life-picture{border:1px solid #bfd0e0b3;overflow:hidden;min-width:0;border-radius:13px;height:190px;background:#19415b}
.careers-page .career-life-picture img{display:block;width:100%;height:100%;object-fit:cover}
.careers-page .career-life-picture:nth-child(1) img{object-position:50% 40%}
.careers-page .career-life-picture:nth-child(2) img{object-position:65% 50%}
.careers-page .career-life-picture:nth-child(3) img{object-position:76% 52%}
/* HIRING PROCESS */
.careers-page .career-process{padding:42px 0 40px;background:#fff}
.careers-page .career-process-layout{display:grid;grid-template-columns:31% 1fr;gap:36px;align-items:center}
.careers-page .career-process h2{font-size:clamp(31px,2.8vw,43px);margin-bottom:0}
.careers-page .career-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:17px}
.careers-page .career-process-step{text-align:center;position:relative;min-width:0}
.careers-page .career-process-step:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:23px;font-size:26px;line-height:1;color:#88a0b1}
.careers-page .career-process-icon{height:56px;width:56px;margin:0 auto 8px;display:grid;place-items:center;border-radius:11px;background:#e7ffbe;color:#1b8421}
.careers-page .career-process-icon svg{height:33px;width:33px}
.careers-page .career-process-step strong{font-size:15px;display:block;line-height:1.2;letter-spacing:-.3px}
.careers-page .career-process-step p{font-size:13px;line-height:1.3;margin:7px auto 0;max-width:180px;color:#1b354d}
/* CTA */
.careers-page .career-cta{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#06293e;width:calc(100% - 34px);max-width:1530px;margin:0 auto 24px;border-radius:17px;min-height:148px}
.careers-page .career-cta-bg{position:absolute;inset:0;z-index:-3;background:url('../assets/images/cta-refinery-clear-v9.webp') center 57% / cover no-repeat}
.careers-page .career-cta-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06263bf9 0%,#06263bef 36%,#062e4878 60%,#06263b24 100%)}
.careers-page .career-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px 0;min-height:148px}
.careers-page .career-cta h2{font-weight:850;font-size:clamp(30px,3.1vw,47px);letter-spacing:-1.5px;margin:0 0 8px;line-height:1.05}
.careers-page .career-cta h2 em{color:var(--career-lime)}
.careers-page .career-cta p{font-size:15px;line-height:1.42;max-width:510px;margin:0}
.careers-page .career-cta .button{height:54px;min-width:265px;padding:0 24px;justify-content:space-between;flex:none}
/* DIALOG */
.careers-page .career-dialog{width:min(650px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;background:#fff;color:#061d2d;box-shadow:0 25px 80px #00172d80}
.careers-page .career-dialog::backdrop{background:#061929b8;backdrop-filter:blur(3px)}
.careers-page .career-dialog-close{position:absolute;right:12px;top:10px;font-size:29px;line-height:1;border:0;width:37px;height:37px;border-radius:50%;background:#eff5f9;color:#0a293f;cursor:pointer}
.careers-page .career-dialog-content{padding:32px 36px 36px}
.careers-page .career-dialog-kicker{font-size:12px;letter-spacing:1.7px;color:#40851e;font-weight:850}
.careers-page .career-dialog h2{font-size:30px;letter-spacing:-.8px;margin:12px 0}
.careers-page .career-dialog-content>p:not(.career-dialog-kicker){font-size:16px;line-height:1.5;color:#344c63}
.careers-page .career-dialog-notice{border-left:3px solid #baff00;padding-left:12px}
.careers-page .career-dialog .button{min-height:44px;padding:0 18px;margin-top:8px}
@media(max-width:1300px){
 .careers-page .career-container{width:calc(100% - 90px)}
 .careers-page .career-why-grid{gap:30px;grid-template-columns:39% 1fr}
 .careers-page .career-benefit-card{padding:18px;gap:13px;min-height:130px}
 .careers-page .career-benefit-icon{height:51px;width:51px}
 .careers-page .career-benefit-icon svg{height:30px;width:30px}
 .careers-page .career-benefit-card h3{font-size:17px}
 .careers-page .career-benefit-card p{font-size:13px}
 .careers-page .career-role-card h3{font-size:18px}
 .careers-page .career-life-picture{height:165px}
}
@media(max-width:1050px){
 .careers-page .career-container{width:calc(100% - 70px)}
 .careers-page .career-hero{height:360px}
 .careers-page .career-hero-inner{padding-top:26px}
 .careers-page .career-breadcrumb{margin-bottom:25px}
 .careers-page .career-hero h1{font-size:49px}
 .careers-page .career-hero p{font-size:15px;max-width:395px}
 .careers-page .career-why{padding:33px 0}
 .careers-page .career-why-grid{grid-template-columns:40% 1fr;gap:24px}
 .careers-page .career-why h2{font-size:34px}
 .careers-page .career-why-intro>p:not(.career-eyebrow){font-size:14px}
 .careers-page .career-benefit-grid{gap:11px}
 .careers-page .career-benefit-card{padding:13px;gap:10px;min-height:125px}
 .careers-page .career-benefit-card h3{font-size:15px}
 .careers-page .career-benefit-card p{font-size:12px}
 .careers-page .career-benefit-icon{height:43px;width:43px}
 .careers-page .career-benefit-icon svg{height:27px;width:27px}
 .careers-page .career-paths-heading{grid-template-columns:35% 1fr auto;gap:16px}
 .careers-page .career-paths-heading>p{font-size:13px;padding-left:16px}
 .careers-page .career-paths h2{font-size:32px}
 .careers-page .career-role-grid{gap:11px}
 .careers-page .career-role-card{padding:15px;min-height:190px}
 .careers-page .career-role-card h3{font-size:15px}
 .careers-page .career-role-icon{height:43px;width:43px}
 .careers-page .career-role-icon svg{width:26px;height:26px}
 .careers-page .career-role-next{width:33px;height:33px}
 .careers-page .career-role-copy{font-size:12px}
 .careers-page .career-role-meta{font-size:11px}
 .careers-page .career-life-layout{grid-template-columns:31% 1fr;gap:20px}
 .careers-page .career-life h2{font-size:29px}
 .careers-page .career-life-picture{height:125px}
 .careers-page .career-process-layout{grid-template-columns:32% 1fr;gap:20px}
 .careers-page .career-process h2{font-size:30px}
 .careers-page .career-process-list{gap:10px}
 .careers-page .career-process-step strong{font-size:12px}
 .careers-page .career-process-step p{font-size:11px}
 .careers-page .career-process-step:not(:last-child)::after{right:-13px}
 .careers-page .career-cta .button{min-width:210px}
}
@media(max-width:760px){
 .careers-page .career-container{width:calc(100% - 36px)}
 .careers-page .career-hero{height:auto;min-height:475px}
 .careers-page .career-hero-photo{inset:0;background-position:60% 30%;opacity:.8}
 .careers-page .career-hero-vignette{background:linear-gradient(90deg,#06283ff7 0%,#06283fdb 54%,#06283f45 100%),linear-gradient(0deg,#06283faa,transparent 70%)}
 .careers-page .career-hero-lime{clip-path:polygon(100% 0,100% 100%,96% 100%);opacity:.8}
 .careers-page .career-hero-inner{padding:35px 0 43px}
 .careers-page .career-hero h1{font-size:clamp(34px,8vw,53px)}
 .careers-page .career-hero p{font-size:15px;max-width:440px}
 .careers-page .career-why-grid{grid-template-columns:1fr;gap:25px}
 .careers-page .career-why h2{font-size:clamp(32px,6vw,43px)}
 .careers-page .career-benefit-card{min-height:115px}
 .careers-page .career-benefit-card h3{font-size:17px}
 .careers-page .career-benefit-card p{font-size:13px}
 .careers-page .career-paths-heading{grid-template-columns:1fr;gap:13px}
 .careers-page .career-paths-heading>p{border-left:0;border-top:1px solid #c9d6e0;padding:12px 0 0}
 .careers-page .career-paths-heading .career-dark-outline{justify-self:start}
 .careers-page .career-role-grid{grid-template-columns:1fr;gap:14px}
 .careers-page .career-role-card{min-height:0}
 .careers-page .career-role-card h3{font-size:18px}
 .careers-page .career-role-copy{font-size:14px}
 .careers-page .career-role-meta{font-size:13px}
 .careers-page .career-life-layout{grid-template-columns:1fr;gap:20px}
 .careers-page .career-life h2{font-size:32px}
 .careers-page .career-life-picture{height:146px}
 .careers-page .career-process-layout{grid-template-columns:1fr;gap:23px}
 .careers-page .career-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
 .careers-page .career-process-step:not(:last-child)::after{display:none}
 .careers-page .career-process-step strong{font-size:15px}
 .careers-page .career-process-step p{font-size:13px}
 .careers-page .career-cta-inner{display:block}
 .careers-page .career-cta h2{font-size:34px}
 .careers-page .career-cta .button{margin-top:18px}
}
@media(max-width:480px){
 .careers-page .career-hero-photo{background-position:62% 50%}
 .careers-page .career-hero{min-height:430px}
 .careers-page .career-breadcrumb{margin-bottom:42px}
 .careers-page .career-hero h1{font-size:37px;letter-spacing:-1.4px}
 .careers-page .career-hero p{max-width:330px}
 .careers-page .career-benefit-grid{grid-template-columns:1fr}
 .careers-page .career-benefit-card{min-height:0}
 .careers-page .career-life-images{grid-template-columns:1fr 1fr;gap:10px}
 .careers-page .career-life-picture{height:128px}
 .careers-page .career-life-picture:last-child{grid-column:span 2;height:145px}
 .careers-page .career-life-layout{padding:25px 0}
 .careers-page .career-cta{width:calc(100% - 24px)}
 .careers-page .career-cta-inner{padding:22px 0}
 .careers-page .career-cta h2{font-size:31px}
 .careers-page .career-cta .button{min-width:0;width:100%;max-width:280px}
}
@media(prefers-reduced-motion:reduce){.careers-page *{scroll-behavior:auto!important;transition:none!important}}