@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1624;--green:#0d7668;--green-dark:#095b51;--yellow:#f7c900;--ink:#162332;--muted:#647285;--bg:#f4f6f8;--line:#dbe4ea;--shadow:0 10px 28px #101c2910}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Assistant,Arial,sans-serif;background:var(--bg);color:var(--ink)}body[dir=ltr]{direction:ltr}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #efbd14;outline-offset:3px}.shell{max-width:1180px;margin-inline:auto;padding-inline:24px}
.site-header{background:#111d2c;color:#fff;border-bottom:1px solid #ffffff1e}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0;direction:rtl}.brand img{width:47px;height:47px;object-fit:contain}.brand-text{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:0}.brand-text strong{font-size:25px;line-height:1.15;font-weight:800;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.brand-text em{font-style:normal;color:var(--yellow)}.brand-text>span{font-size:15px;color:#d3dbe3;font-weight:700;margin-top:3px}body[dir=ltr] .brand{direction:ltr}.lang-switch{display:flex;align-items:center;gap:2px;direction:ltr;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:3px}.lang-switch button{border:0;border-radius:9px;background:transparent;color:#d6dce4;font-weight:700;font-size:15px;padding:8px 14px}.lang-switch button[aria-pressed=true]{background:#fff;color:#0b1825}
.hero{background:linear-gradient(105deg,#0c1a2b 0%,#15332f 100%);color:white}.hero-layout{min-height:0;padding-top:34px;padding-bottom:35px;text-align:start}.eyebrow{color:var(--yellow);font-size:14px;font-weight:800}.hero h1{font-size:clamp(35px,4.3vw,52px);line-height:1.12;font-weight:800;margin:8px 0 11px}.hero h1 span{color:var(--yellow)}.lead{font-size:19px;line-height:1.48;color:#e1e9ef;max-width:820px;margin:0}
.jobs-section{padding-top:36px;padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-heading h2{font-size:clamp(26px,3vw,36px);margin:0 0 5px;line-height:1.15}.section-heading p{margin:0;color:var(--muted);font-size:17px}.count{background:#e6f4f0;color:#07594f;padding:8px 14px;border-radius:24px;font-weight:800;white-space:nowrap}.search-panel{margin-top:22px;max-width:790px}.search-panel label{font-weight:800;display:block;margin-bottom:7px}.search-row{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:3px 12px;gap:10px}.search-row input{min-width:0;flex:1;border:0;padding:11px 4px;background:transparent;font-size:17px}.search-icon{font-size:25px;color:#8190a2}.clear-search{background:#edf2f5;border:0;border-radius:8px;padding:7px 12px;color:#38506b;font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;margin-bottom:22px}.chip{padding:8px 14px;border:1px solid #cdd8df;border-radius:24px;background:white;color:#25394a;font-size:15px;font-weight:700}.chip.active{background:var(--green);border-color:var(--green);color:white}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.job-card{background:#fff;border:1px solid #dae3e9;border-radius:15px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.job-id{direction:ltr;unicode-bidi:isolate;font:700 13px Arial;color:#087265;padding:7px 9px;border-radius:7px;background:#e7f6f1}.job-region{color:#5c6d7e;font-size:14px}.job-card h3{margin:15px 0 8px;font-size:24px;line-height:1.24}.job-card p{font-size:16px;line-height:1.55;color:#506276;margin:0 0 14px}.req-title{font-size:16px;font-weight:800;margin-bottom:5px}.req-list{padding-inline-start:22px;margin:0 0 18px;line-height:1.55;color:#304254;font-size:15px}.req-list li{margin-bottom:5px}.card-footer{margin-top:auto}.button{display:inline-flex;justify-content:center;align-items:center;border:2px solid transparent;border-radius:10px;padding:11px 18px;font-weight:800;font-size:16px}.card-footer .button{background:var(--green);color:white}.button.primary{background:var(--yellow);color:var(--navy)}.button.outline{background:white;border-color:var(--green);color:var(--green)}.empty-results{padding:30px;border:1px dashed #b9c9d7;border-radius:13px}.empty-results[hidden],.overlay[hidden],.form-error[hidden],#form-area[hidden],#application-choice[hidden],form[hidden]{display:none!important}.listing-footnote{color:#64758a;font-size:14px;margin-top:18px}.bottom-contact{margin-bottom:70px;background:#e9f5f2;border:1px solid #d2e9e0;border-radius:15px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:15px}.bottom-contact h2{margin:0 0 7px;font-size:25px}.bottom-contact p{margin:0;font-size:16px;color:#506575}.site-footer{background:#111d2c;color:white;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-inner div{display:flex;flex-wrap:wrap;gap:18px}.footer-inner a:hover{text-decoration:underline}
.overlay{position:fixed;inset:0;background:#0d1725ba;z-index:50;display:flex;align-items:center;justify-content:center;padding:14px}.dialog{position:relative;background:white;width:min(660px,100%);max-height:93dvh;overflow-y:auto;border-radius:18px;box-shadow:0 25px 70px #07111f60;padding:29px}.close-modal{position:absolute;inset-inline-end:16px;top:14px;border:0;border-radius:50%;width:36px;height:36px;background:#ecf1f5;color:#22384b;font-size:25px}.dialog h2{font-size:26px;line-height:1.2;margin:0 45px 7px 0}body[dir=ltr] .dialog h2{margin:0 45px 7px 0}.dialog>p{margin:0 0 17px;color:#5e7082;font-size:17px}.application-choice{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:4px}.path-choice{display:flex;align-items:center;gap:12px;background:#f5f9fa;border:1px solid #cbdce3;border-radius:13px;text-align:start;padding:18px}.path-choice:hover{border-color:var(--green);background:#eaf6f2}.choice-icon{font-size:30px;color:var(--green);line-height:1}.path-choice span:last-child{display:flex;flex-direction:column;gap:4px}.path-choice strong{font-size:19px}.path-choice small{font-size:14px;color:#587080;line-height:1.35}.back-link{display:inline-block;background:transparent;border:0;color:#0d7165;text-decoration:underline;font-weight:700;padding:0 0 13px}.dialog h3{margin:4px 0 16px;font-size:22px}.form-row,.job-question{margin-bottom:14px}.form-row label,.job-question label{display:block;font-weight:700;margin-bottom:6px;font-size:16px}.form-row input,.form-row textarea,.form-row select,.job-question select,.job-question textarea{display:block;width:100%;border:1px solid #c6d4de;border-radius:9px;padding:11px 12px;background:#fff;color:#20303e;font-size:16px}.form-row small{display:block;color:#718094;font-size:13px;margin-top:5px}.job-questions{background:#f2f8f6;padding:17px;border:1px solid #d4e8e1;border-radius:12px;margin-block:15px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;margin-block:15px}.consent input{margin-top:3px}.consent a{text-decoration:underline;color:var(--green-dark)}.form-notice{color:#66788a;font-size:14px;line-height:1.5}.form-error{background:#fff0ec;border-radius:8px;padding:10px;color:#aa382b}.submit-application{width:100%;margin-top:12px}.qa-preview-note{font-size:13px;color:#6f4c10;background:#fff6d9;padding:8px 12px;border-radius:9px;margin-block:13px}body.modal-open{overflow:hidden}
@media(max-width:880px){.job-grid{grid-template-columns:1fr}.shell{padding-inline:22px}}
@media(max-width:620px){.shell{padding-inline:16px}.header-inner{min-height:66px;gap:7px}.brand{gap:7px}.brand img{width:37px;height:37px}.brand-text strong{font-size:17px}.brand-text>span{font-size:12px}.lang-switch{padding:2px}.lang-switch button{padding:7px 8px;font-size:12px}.hero-layout{padding-block:26px 28px}.hero h1{font-size:35px}.lead{font-size:17px;line-height:1.45}.jobs-section{padding-top:24px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-heading h2{font-size:28px}.filters{gap:7px}.chip{font-size:14px;padding:8px 11px}.job-card{padding:18px}.job-card h3{font-size:22px}.bottom-contact{margin-inline:16px;display:block;padding:20px}.bottom-contact .button{margin-top:14px}.application-choice{grid-template-columns:1fr}.dialog{padding:24px 17px}.dialog h2{font-size:23px}}

@media(max-width:375px){.brand img{width:30px;height:30px}.brand-text strong{font-size:15px}.brand-text>span{font-size:11px;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-switch button{padding:7px 5px;font-size:11px}.header-inner{gap:4px}}

/* v4: lean SEO hero, only MechJobs Production in the brand; touch-friendly application */
.brand-text>span,.eyebrow{display:none}.hero-layout{padding-block:24px 26px}.hero h1{margin:0 0 7px;font-size:clamp(32px,4vw,45px)}.lead{font-size:18px;max-width:990px}.site-header .brand-text strong{font-size:26px}.header-inner{min-height:66px}.job-card{min-height:0}.form-row input[type=file]{cursor:pointer}.dialog [type=file]{font-size:16px}@media(max-width:620px){.site-header .brand-text strong{font-size:18px}.hero-layout{padding-block:20px}.hero h1{font-size:33px}.lead{font-size:16px}.dialog{max-height:95dvh}.job-card{padding:17px}}

/* v5: filters + mobile contact + correct dialog bidi layout */
.area-control{display:flex;align-items:center;gap:12px;margin-top:16px;margin-bottom:6px}.area-control label{font-weight:800;font-size:15px}.area-control select{border-radius:11px;border:1px solid #cbd7de;background:#fff;padding:9px 34px 9px 11px;max-width:240px;min-width:185px;color:#182f3a}.filters{margin-top:12px}
.dialog h2{margin-inline:0 42px!important;min-height:35px;padding-inline-end:8px;overflow-wrap:anywhere}.dialog-id{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}.dialog-title-sep{white-space:pre;unicode-bidi:isolate}.card-footer .cta-arrow{display:inline-block;margin-inline-start:6px;font-size:18px;vertical-align:middle}
.floating-contact{display:none}.contact-general{max-width:100%}
@media(max-width:620px){.area-control{flex-direction:column;align-items:stretch;gap:6px}.area-control select{max-width:100%;width:100%;min-height:46px}.floating-contact{display:block;position:fixed;inset-inline-end:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;border:0;border-radius:999px;background:#087565;color:#fff;font:800 16px Assistant,Arial,sans-serif;padding:13px 20px;box-shadow:0 6px 20px #103d3270;min-height:48px}.footer-inner{padding-bottom:55px}.dialog{scrollbar-gutter:stable}}
body.modal-open .floating-contact{display:none}

/* Anti-spam field: invisible to human visitors, must remain in POST body. */
.form-bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.feed-status{font-size:14px;color:#315469;margin:10px 0 14px}.feed-status.warning{color:#8c5016;background:#fff3df;border:1px solid #f8d49c;padding:10px;border-radius:10px}

/* Production v8: persistent navigation, job details and social destinations per language. */
.site-header{position:sticky;top:0;z-index:45;box-shadow:0 3px 12px #07111f33}
.header-actions{display:flex;align-items:center;gap:12px}
.engineering-link{color:#dce9f2;font-weight:800;white-space:nowrap;font-size:14px}
.engineering-link:hover,.engineering-link:focus-visible{text-decoration:underline;color:white}
.card-details-button{background:transparent;border:1px solid #138679;color:#0d7468;border-radius:9px;padding:11px 14px;font-size:15px;font-weight:800;margin-inline-end:9px;min-height:45px}
.card-details-button:hover{background:#e5f5f0}
.card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.details-dialog{max-width:720px;text-align:start}.details-dialog .details-job-id{display:inline-block;padding:6px 10px;background:#e8f5f2;color:#0d7468;font-weight:800;border-radius:8px;font:700 15px Arial,sans-serif}
.details-dialog h2{font-size:clamp(22px,3vw,28px);margin:12px 0 7px!important;padding:0}.details-dialog h3{font-size:19px;margin:25px 0 7px}
.details-dialog .details-region{color:#566a7b;margin:8px 0}.details-description{white-space:pre-line;font-size:17px;line-height:1.7}
.details-requirements{padding-inline-start:22px;line-height:1.7;margin-bottom:20px}.details-requirements li{margin-bottom:10px}.details-apply{min-width:160px}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}.footer-social[hidden]{display:none}
.social-link{border:1px solid #ffffff73;border-radius:999px;color:#fff;padding:6px 13px;font-size:15px;font-weight:800}
.social-link:hover{background:#ffffff17}
@media(max-width:620px){.engineering-link{font-size:12px}.header-actions{gap:6px}.card-footer{gap:9px}.card-footer .button,.card-details-button{min-height:46px}.card-details-button{margin-inline-end:0}.footer-inner{gap:10px}}
@media(max-width:360px){.engineering-link{font-size:11px}.site-header .brand-text strong{font-size:15px}.brand img{width:28px;height:28px}}

/* v10: legible responsive header - prevent language switch from touching brand */
.site-header .brand{flex:0 0 auto}
.site-header .brand img{flex-shrink:0}
.site-header .brand-text{min-width:0}
.site-header .brand-text strong{display:block;white-space:nowrap;letter-spacing:normal}
.header-actions{flex:0 0 auto}
@media (max-width:780px){
  .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:9px;min-height:0;padding-block:10px}
  .site-header .brand{grid-row:1;max-width:100%;justify-self:start;gap:9px}
  .site-header .brand img{width:38px;height:38px}
  .site-header .brand-text strong{font-size:clamp(18px,5vw,23px);line-height:1.22}
  .site-header .header-actions{grid-row:2;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0}
  .site-header .lang-switch{flex:0 0 auto}
  .site-header .lang-switch button{font-size:13px;padding:8px 12px}
  .site-header .engineering-link{font-size:13px}
}
@media (max-width:365px){
  .site-header .brand img{width:34px;height:34px}
  .site-header .brand-text strong{font-size:18px}
  .site-header .header-actions{gap:5px}
  .site-header .engineering-link{font-size:12px}
  .site-header .lang-switch button{font-size:12px;padding:7px 9px}
}

/* Production v11 — restore inviting teal/yellow design, readable typography and clear actions */
:root{--navy:#0b1829;--green:#087769;--green-dark:#05594f;--yellow:#facb06;--ink:#122636;--muted:#5a7180;--bg:#f0f5f7;--line:#cfdee2;--shadow:0 10px 28px rgba(8,48,53,.105)}
body{font-family:Assistant,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.5;background:var(--bg)}
body[dir=ltr]{font-family:"Segoe UI",Arial,sans-serif}
.site-header{background:#0b1929;border-bottom:2px solid rgba(255,208,30,.22)}
.site-header .brand{max-width:100%}
.site-header .brand-text strong{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(23px,2vw,29px);letter-spacing:.1px}
.site-header .header-inner{min-height:76px}
.site-header .header-actions{gap:14px}
.hero{background:linear-gradient(112deg,#09192b 0%,#103b39 58%,#0d5d54 100%);box-shadow:inset 0 -5px 0 rgba(247,201,0,.12)}
.hero-layout{padding-block:32px 36px}
.hero h1{font-size:clamp(38px,4vw,51px);font-weight:800;line-height:1.16;margin:0 0 10px}
.lead{font-size:19px;line-height:1.65;color:#e8f6f4;max-width:970px;font-weight:500}
.jobs-section{padding-top:36px}
.section-heading h2{font-size:clamp(30px,3vw,38px);font-weight:800;color:#112738}
.section-heading p{font-size:17px;color:#4f6879}
.count{background:#d5f3e8;color:#045e4f;font-size:15px;border:1px solid #bce7d7}
.search-panel{max-width:850px}
.search-panel label,.area-control label{font-size:16px;color:#1c3846;font-weight:800}
.search-row{border:2px solid #8ebdb6;background:white;border-radius:13px;box-shadow:0 3px 12px rgba(10,69,67,.11);min-height:54px}
.search-row:focus-within{border-color:#0b8a7b;box-shadow:0 0 0 3px rgba(9,131,116,.11)}
.search-row input{font-family:inherit;font-size:18px;font-weight:500;color:#173340}
.area-control select{border:1.5px solid #a3c6bf;box-shadow:0 2px 8px rgba(10,69,67,.05);font-size:16px}
.filters{gap:9px;margin-block:18px 22px}
.chip{font-size:15px;padding:9px 14px;border-color:#bed6d3;box-shadow:0 1px 3px #0a4b4410}
.chip:hover{background:#e0f3ed;border-color:#0c8775}
.chip.active{background:#09796b;color:#fff;box-shadow:0 3px 10px #075e503b}
.job-grid{gap:20px}
.job-card{background:#fff;border:1px solid #d0e4e0;border-top:4px solid #0a8676;border-radius:16px;padding:25px 25px 23px;box-shadow:0 7px 23px rgba(8,58,62,.10);transition:transform .18s,box-shadow .18s;min-height:385px}
.job-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(8,58,62,.14)}
.job-card h3{font-size:clamp(22px,2vw,26px);line-height:1.31;margin:16px 0 11px;color:#0d2738;font-weight:800}
.job-card p{font-size:17px;line-height:1.61;color:#4c6476}
.job-id{background:#def5e9;border:1px solid #c4eade;color:#04735d;padding:7px 10px}
.req-title{font-size:16px;font-weight:800;color:#153947;margin-top:3px}
.req-list{font-size:16px;line-height:1.57;color:#334c5c;margin-bottom:20px}
.req-list li{margin-bottom:7px}
.card-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.card-footer .button,.card-footer .card-details-button{margin:0;min-width:0;width:100%;border-radius:11px;padding:12px 8px;min-height:49px;font-size:17px;line-height:1.25;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;box-shadow:none}
.card-footer .button{background:#0a7869;color:white;border:2px solid #0a7869}
.card-footer .button:hover,.details-apply:hover{background:#056052;color:#fff}
.card-footer .card-details-button{background:#fff8db;border:2px solid #e5bd38;color:#453300}
.card-footer .card-details-button:hover{background:#ffedaa;border-color:#d4a615}
.card-footer .cta-arrow{font-size:18px;margin:0}
.site-footer{background:#0b1a2a;border-top:3px solid #0a8572}
.feed-status.warning{background:#fff6df;color:#734913;border-color:#f1d6a4;font-size:14px}
.details-dialog{border-top:5px solid #0c8b77}
.details-dialog h2{font-size:clamp(23px,2.5vw,30px);font-weight:800}
.details-dialog .details-description{color:#344d5e;font-size:18px;line-height:1.72}
.details-dialog .details-requirements{font-size:17px;line-height:1.73}
.details-apply.button.primary{background:#0b7969;border-color:#0b7969;color:white;font-weight:800;font-size:19px;padding:12px 22px;min-height:52px}
.overlay .dialog h3{font-weight:800;color:#153645}
.bottom-contact{background:#e2f4ec;border-color:#b8dfd0}
.engineering-route{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#073d49;background:#fff;border:2px solid #8ec2b6;border-radius:11px;font-size:17px;font-weight:800;padding:11px 18px;min-height:49px;white-space:normal;text-align:center}
.engineering-route:hover{background:#d5f3e9;border-color:#08826e}
.engineering-route:focus-visible{outline:3px solid #ffce17}
.footer-secondary-nav{max-width:1180px;margin:10px auto 0;padding:12px 24px 0;border-top:1px solid #ffffff36}
.footer-secondary-nav a{font-size:15px;text-decoration:underline;text-underline-offset:3px;color:#f0f7fa}
@media(max-width:780px){
 .site-header .header-inner{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding-block:11px;min-height:0}
 .site-header .brand{justify-content:flex-start;width:100%;flex:0 0 auto}
 .site-header .header-actions{width:100%;display:flex;justify-content:flex-start;gap:0}
 .site-header .brand-text strong{font-size:clamp(21px,5vw,25px)}
 .hero-layout{padding-block:24px 29px}
 .lead{font-size:17px;line-height:1.52}
 .jobs-section{padding-top:27px}
 .job-card{min-height:0}
 .section-heading h2{font-size:31px}
}
@media(max-width:540px){
 .card-footer{grid-template-columns:1fr 1fr;gap:8px}
 .card-footer .button,.card-footer .card-details-button{font-size:15px;padding-inline:6px}
 .job-card{padding:20px 17px 18px}
 .job-card h3{font-size:22px}
 .hero h1{font-size:36px}
 .bottom-contact{margin-inline:16px}
 .engineering-route{margin-top:12px;width:100%}
 .count{align-self:flex-start}
}
@media(max-width:365px){
 .card-footer{grid-template-columns:1fr}
 .site-header .brand-text strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.job-card{transition:none}.job-card:hover{transform:none}}

/* v12: readability and stable cross-links with distinct marketing hierarchy */
.site-header .header-inner{flex-direction:row-reverse;gap:20px}
.site-header .brand{direction:rtl}
.site-header .brand-text strong{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.3px}
.site-header .header-actions{display:flex;align-items:center;gap:20px;min-width:0}
.site-header .engineering-link-header{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:46px;border:2px solid #50c6b0;border-radius:11px;color:white;background:rgba(4,117,101,.42);font-size:17px;font-weight:800;text-decoration:none;white-space:nowrap}
.site-header .engineering-link-header:hover,.site-header .engineering-link-header:focus-visible{background:#0d8171;color:white;outline-color:#f9cc28}
.site-header .lang-switch button{font-size:17px;font-weight:800;padding:11px 18px}
.hero h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(41px,4.2vw,57px);font-weight:850}
.lead{font-size:clamp(18px,1.65vw,22px);font-weight:600;line-height:1.75}
.section-heading h2{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(33px,3.4vw,45px);font-weight:850;line-height:1.2}
.section-heading p{font-size:20px;color:#4e6775}
.count{font-size:20px;font-weight:850;padding:9px 16px}
.search-panel{max-width:900px}
.search-panel label,.area-control label{font-size:20px;font-weight:850;color:#102f3f;margin-bottom:7px}
.search-row{min-height:63px;border:2px solid #258f7e;border-radius:14px}
.search-row input{font-size:20px}
.search-row input::placeholder{font-size:17px}
.area-control select{font-size:17px;min-height:47px}
.chip{font-size:16px}
.job-card{min-height:390px}
.job-card h3{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(23px,2vw,28px);font-weight:850}
.job-card p{font-size:18px;line-height:1.66}
.req-title{font-size:20px!important;font-weight:850!important;color:#0c3840!important;margin-top:10px;margin-bottom:8px}
.req-list{font-size:18px;line-height:1.65}
.job-id{font-size:12px;font-weight:700;opacity:.79;padding:5px 8px}
.job-region{font-size:17px;font-weight:750;color:#186758}
.details-dialog{max-width:830px}
.details-dialog h2{font-size:clamp(26px,3.1vw,35px)}
.details-dialog h3{font-size:24px!important;color:#073e42!important;margin:23px 0 12px}
.details-region{font-size:18px!important;font-weight:750!important}
.details-description{font-size:19px!important;line-height:1.82!important;color:#263d4a!important}
.details-requirements,.details-benefits{font-size:18px!important;line-height:1.75!important;color:#1f3b44!important}
.details-benefits-section{margin-top:8px;border-top:1px solid #d5e6e4;padding-top:5px}
.details-benefits-section[hidden]{display:none!important}
.bottom-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:155px;padding-block:28px}
.bottom-contact h2{font-size:clamp(32px,3.5vw,41px);font-weight:850;margin:0 0 9px}
.bottom-contact p{font-size:18px;margin:0}
.bottom-contact .contact-actions .button{font-size:21px;min-height:56px;padding:13px 27px;background:#076d60;color:white;border:2px solid #076d60;border-radius:12px;font-weight:850}
.site-footer{background:#0d1b2a;border-top:3px solid #16a184;min-height:0}
.footer-inner{padding-block:23px 18px!important;min-height:0!important;align-items:center}
.footer-secondary-nav{padding:8px 0 5px;margin:0 auto;max-width:1180px;border-color:#ffffff31}
.footer-secondary-nav a{font-size:17px;color:#f3fafc;display:inline-block;padding:6px 0}
@media(max-width:1000px){.site-header .header-inner{gap:14px}.site-header .engineering-link-header{font-size:15px;padding:10px}.site-header .brand-text strong{font-size:25px}.site-header .lang-switch button{padding:9px 11px}}
@media(max-width:780px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:10px;direction:rtl}
 .site-header .header-actions{grid-row:1;grid-column:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;width:100%}
 .site-header .brand{grid-row:2;grid-column:1;justify-self:end;max-width:100%}
 .site-header .brand-text strong{font-size:clamp(22px,5.4vw,29px)}
 .site-header .engineering-link-header{font-size:14px;min-height:42px}
 .site-header .lang-switch button{font-size:15px;padding:9px 11px}
 .hero h1{font-size:39px}.lead{font-size:18px}.section-heading h2{font-size:34px}
 .search-panel label,.area-control label{font-size:19px}.search-row input{font-size:18px}
 .bottom-contact{flex-direction:column;align-items:stretch;gap:16px}
 .bottom-contact h2{font-size:32px}.bottom-contact .contact-actions .button{width:100%}
}
@media(max-width:400px){.site-header .brand-text strong{font-size:22px}.site-header .engineering-link-header{font-size:12px;padding-inline:7px}.site-header .lang-switch button{font-size:13px;padding:7px 9px}.job-card h3{font-size:22px}.section-heading h2{font-size:30px}}

/* v13: consistent physical logo placement and language-specific mobile alignment. */
@media(min-width:781px){
 html[dir="ltr"] .site-header .header-inner{direction:ltr;flex-direction:row;}
 html[dir="ltr"] .site-header .brand{direction:ltr;}
 html[dir="ltr"] .site-header .header-actions{margin-inline-start:auto;}
}
@media(max-width:780px){
 html[dir="ltr"] .site-header .header-inner{direction:ltr;}
 html[dir="ltr"] .site-header .brand{justify-self:start;direction:ltr;}
 html[dir="ltr"] .site-header .header-actions{justify-content:flex-end;}
 html[dir="rtl"] .site-header .brand{justify-self:end;}
}

@media(max-width:780px){html[lang=ru] .hero h1{font-size:clamp(27px,8vw,39px);overflow-wrap:anywhere}}


/* v14: optically centered close icon regardless of font baseline or RTL/LTR. */
.close-modal {
  display: grid !important;
  place-items: center !important;
  position: absolute;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  isolation: isolate;
}
.close-modal::before, .close-modal::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform-origin: center;
  pointer-events: none;
}
.close-modal::before { transform: translate(-50%, -50%) rotate(45deg); }
.close-modal::after  { transform: translate(-50%, -50%) rotate(-45deg); }
.close-modal:focus-visible { outline: 3px solid #f7c900; outline-offset: 3px; }


/* v15 — footer side switch, independent of Hebrew/Russian reading direction.
   Company identity and engineering link LEFT; legal links RIGHT; socials CENTER. */
.site-footer .footer-inner{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:22px!important;
    align-items:center!important;
    padding-block:24px!important;
}
.site-footer .footer-identity{
    grid-column:1;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:9px!important;
    min-width:0;
    direction:ltr;
    text-align:left;
}
.site-footer .footer-identity .footer-brand{
    font-size:16px;
    white-space:nowrap;
}
.site-footer .footer-identity .footer-engineering{
    font-size:16px;
    color:#e9f7f5;
    text-decoration:underline;
    text-underline-offset:4px;
}
.site-footer .footer-social{
    grid-column:2;
    justify-self:center;
    justify-content:center;
    display:flex!important;
    gap:12px!important;
}
.site-footer .footer-legal{
    grid-column:3;
    justify-self:end;
    display:flex!important;
    flex-wrap:wrap;
    gap:14px!important;
    direction:rtl;
    text-align:right;
    align-items:center;
}
html[lang="ru"] .site-footer .footer-legal{direction:ltr;text-align:right;}
.site-footer .footer-legal a{font-size:16px;white-space:nowrap;}
@media (max-width:860px){
    .site-footer .footer-inner{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        column-gap:18px!important;
        row-gap:18px!important;
    }
    .site-footer .footer-identity{grid-column:1;grid-row:1;}
    .site-footer .footer-legal{grid-column:2;grid-row:1;}
    .site-footer .footer-social{grid-column:1/-1;grid-row:2;}
}
@media (max-width:500px){
    .site-footer .footer-inner{
        grid-template-columns:minmax(0,1fr)!important;
        text-align:center!important;
        gap:14px!important;
        padding-bottom:80px!important;
    }
    .site-footer .footer-identity,.site-footer .footer-social,.site-footer .footer-legal{
        grid-column:1!important;
        justify-self:center!important;
    }
    .site-footer .footer-identity{grid-row:1;align-items:center!important;text-align:center;}
    .site-footer .footer-social{grid-row:2;}
    .site-footer .footer-legal{grid-row:3;justify-content:center;text-align:center;}
}

/* v17: identical physical brand position for HE and RU. Icon always to LEFT of text. */
.site-header .brand, html[lang="he"] .site-header .brand, html[lang="ru"] .site-header .brand{direction:ltr!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
.site-header .brand img{order:0!important;flex:0 0 auto}
.site-header .brand .brand-text{order:1!important;direction:ltr!important;text-align:left!important}
@media(max-width:500px){.site-header .brand{min-width:0}.site-header .brand .brand-text strong{white-space:nowrap}}


/* Production-only navigation controls: always on screen, opposite the mobile contact CTA. */
.production-quick-nav{position:fixed;right:14px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:42;display:flex;flex-direction:column;gap:9px;direction:ltr}
html[lang="ru"] .production-quick-nav{right:auto;left:14px}
.quick-nav-button{width:47px;height:47px;min-width:47px;border:1px solid #c8e1dc;background:#fff;color:#086c62;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 14px #071a2828;cursor:pointer;transition:transform .15s,background .15s}
.quick-nav-button svg{width:25px;height:25px}
.quick-nav-button:hover,.quick-nav-button:focus-visible{background:#dff5ee;outline:2px solid #0e8a7b;outline-offset:2px}
.quick-nav-button:active{transform:scale(.95)}
body.modal-open .production-quick-nav{display:none}
@media(max-width:620px){.production-quick-nav{right:10px;bottom:calc(18px + env(safe-area-inset-bottom));gap:8px}html[lang="ru"] .production-quick-nav{right:auto;left:10px}.quick-nav-button{width:43px;height:43px;min-width:43px}.quick-nav-button svg{width:22px;height:22px}}
/* Social network icons in one line, in either selected language. */
.site-footer .footer-social{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center;align-items:center;gap:10px!important;white-space:nowrap}
.site-footer .social-icon-link{width:42px;height:42px;min-width:42px;padding:0!important;display:inline-grid;place-items:center;border-radius:12px;border:1px solid #7c97a6;text-decoration:none;background:#132a40;color:#fff;transition:transform .15s,background .15s}
.site-footer .social-icon-link:hover,.site-footer .social-icon-link:focus-visible{background:#1f4863;transform:translateY(-2px);outline:2px solid #ffe07b;outline-offset:2px}
.site-footer .social-facebook-mark{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:28px;line-height:1;transform:translateY(3px);color:#9bd3ff}
.site-footer .social-instagram svg{width:25px;height:25px;color:#f7b1eb}
@media(max-width:500px){.site-footer .footer-social{grid-row:2!important;justify-content:center!important}}
@media(prefers-reduced-motion:reduce){.quick-nav-button,.site-footer .social-icon-link{transition:none}}

/* v30 preview ONLY: Production recruitment contact and employer navigation. */
.production-main-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.production-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #6b8290;border-radius:10px;background:#1e3442;color:#fff;font-size:clamp(12px,.95vw,15px);font-weight:800;line-height:1.25;text-decoration:none;text-align:center}
.production-nav-link.employers-nav{background:#096e61;border-color:#4ed6c0}
.production-nav-link:hover,.production-nav-link:focus-visible{background:#1a5b5a;color:#fff;outline:2px solid var(--yellow);outline-offset:2px}
.audience-dialog>h2{margin-bottom:9px}
.audience-dialog .audience-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.audience-dialog .audience-paths .path-choice{display:flex;min-height:120px;align-items:center;justify-content:flex-start;text-align:start;text-decoration:none;border:2px solid #d4e0e7;border-radius:14px;background:#f8fbfc;padding:18px;color:#123047;gap:14px}
.audience-dialog .audience-paths .path-choice:hover,.audience-dialog .audience-paths .path-choice:focus-visible{border-color:#188578;background:#edf9f6;outline:2px solid #edc618;outline-offset:2px}
.audience-dialog .audience-paths .path-choice strong{display:block;font-size:20px}.audience-dialog .audience-paths .path-choice small{display:block;font-size:14px;margin-top:8px;line-height:1.5}
@media (min-width:781px){.site-header .header-inner{flex-wrap:wrap;gap:12px}.site-header .header-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}}
@media (max-width:780px){.site-header .header-actions{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important}.production-main-links{flex:1 1 100%;order:2;justify-content:center}.site-header .lang-switch{order:1;margin-inline-start:auto}.production-nav-link{flex:1 1 42%;min-height:43px}}
@media (max-width:500px){.production-nav-link{font-size:12px;padding:9px 7px}.audience-dialog .audience-paths{grid-template-columns:1fr}.audience-dialog .audience-paths .path-choice{min-height:92px;padding:12px}}


/* v31 Production ONLY — mobile-first header: logo/title first, compact HE/RU second, destinations third. */
.site-header .lang-switch .language-compact{display:none}
@media(max-width:780px){
  .site-header .header-inner,
  .employer-page .site-header .header-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:0!important;
    gap:9px!important;
    padding-block:11px!important;
    direction:ltr!important;
  }
  .site-header .header-inner>.brand,
  .employer-page .site-header .header-inner>.brand{
    order:0!important;
    grid-row:auto!important;
    grid-column:auto!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    justify-self:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    direction:ltr!important;
  }
  .site-header .brand img{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .site-header .brand .brand-text strong{font-size:clamp(19px,5.3vw,25px)!important;letter-spacing:-.35px!important;white-space:nowrap!important}
  .site-header .header-inner>.header-actions,
  .employer-page .site-header .header-inner>.header-actions{
    order:1!important;
    grid-row:auto!important;
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
  }
  .site-header .header-actions>.lang-switch,
  .employer-page .site-header .header-actions>.lang-switch{
    order:0!important;
    flex:0 0 auto!important;
    align-self:center!important;
    margin:0!important;
    width:auto!important;
    padding:2px!important;
    border-radius:9px!important;
  }
  .site-header .lang-switch .language-full{display:none!important}
  .site-header .lang-switch .language-compact{display:inline!important}
  .site-header .lang-switch button{
    font-size:12px!important;
    line-height:1.2!important;
    min-width:43px!important;
    min-height:32px!important;
    padding:6px 10px!important;
    border-radius:7px!important;
    cursor:pointer;
  }
  .site-header .header-actions>.production-main-links{
    order:1!important;
    flex:0 1 auto!important;
    align-self:stretch!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:490px!important;
    gap:8px!important;
    margin:0 auto!important;
  }
  .site-header .production-main-links>.production-nav-link{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:38px!important;
    padding:7px 8px!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.25!important;
    text-wrap:balance;
  }
}
@media(max-width:360px){
  .site-header .brand img{width:35px!important;height:35px!important;flex-basis:35px!important}
  .site-header .brand{gap:8px!important}
  .site-header .brand .brand-text strong{font-size:clamp(17px,5.3vw,19px)!important}
  .site-header .production-main-links>.production-nav-link{font-size:10.5px!important;padding:6px 5px!important}
  .site-header .header-inner{padding-inline:12px!important}
}

/* Employer honeypot: visually hidden without forcing RTL horizontal scrolling. */
.employer-page .emp-honeypot{position:absolute!important;left:auto!important;right:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;visibility:hidden!important}


/* v32 Production: compact utility language switch, accessible navigation & unaccented crosslinks. */
.site-header .lang-switch .language-full{display:none!important}
.site-header .lang-switch .language-compact{display:inline!important}
.site-header .lang-switch{flex-shrink:0;padding:2px!important;border-radius:9px!important}
.site-header .lang-switch button{min-width:37px!important;min-height:32px!important;padding:6px 7px!important;font-size:12px!important;line-height:1.2!important;border-radius:7px!important}
.site-header .production-nav-link.employers-nav{background:#1e3442;border-color:#6b8290}
.site-header .production-nav-link{color:#fff}
/* On mobile the brand and compact language utility share the top line;
   navigation occupies the full next row. The language utility never forms its own major row. */
@media (max-width:780px){
  .site-header .header-inner,
  .employer-page .site-header .header-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"brand lang" "links links"!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:8px 8px!important;
    padding:9px 12px!important;
    width:100%!important;
    min-height:0!important;
    direction:ltr!important;
  }
  .site-header .header-inner>.brand,
  .employer-page .site-header .header-inner>.brand{
    grid-area:brand!important;
    justify-self:start!important;
    order:initial!important;
    max-width:100%!important;
    width:auto!important;
    justify-content:flex-start!important;
    margin:0!important;
    min-width:0!important;
    gap:7px!important;
  }
  .site-header .header-inner>.header-actions,
  .employer-page .site-header .header-inner>.header-actions{
    display:contents!important;
  }
  .site-header .header-actions>.lang-switch,
  .employer-page .site-header .header-actions>.lang-switch{
    grid-area:lang!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    margin:0!important;
    order:initial!important;
  }
  .site-header .header-actions>.production-main-links,
  .employer-page .site-header .header-actions>.production-main-links{
    grid-area:links!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:7px!important;
    min-width:0!important;
    order:initial!important;
  }
  .site-header .brand img{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .brand .brand-text strong{font-size:clamp(15px,4.4vw,21px)!important;white-space:nowrap!important;letter-spacing:-.4px!important}
  .site-header .production-main-links>.production-nav-link{min-height:38px!important;padding:8px 5px!important;font-size:clamp(10.5px,2.9vw,13px)!important;white-space:normal!important}
}
@media (max-width:360px){
  .site-header .brand img{width:33px!important;height:33px!important;flex-basis:33px!important}
  .site-header .brand .brand-text strong{font-size:clamp(13px,4.25vw,15px)!important}
  .site-header .brand{gap:5px!important}
  .site-header .production-main-links>.production-nav-link{font-size:10px!important}
  .site-header .lang-switch button{min-width:32px!important;padding-inline:5px!important}
}


/* T-0526: VISUAL DIFFERENTIATION. Scoped to Production page navigation only.
   Existing Engineering and all job-feed CSS remain byte-for-byte unchanged. */
.site-header .production-main-links > a.production-nav-link.engineering-nav {
  background: #253544 !important;
  border-color: #687c8b !important;
  color: #e2e9ee !important;
  box-shadow: none !important;
}
.site-header .production-main-links > a.production-nav-link.engineering-nav:hover,
.site-header .production-main-links > a.production-nav-link.engineering-nav:focus-visible {
  background: #374b59 !important;
  border-color: #9caeba !important;
  color: #ffffff !important;
}
.site-header .production-main-links > a.production-nav-link.industry-nav {
  background: #008c7c !important;
  border-color: #5ce3cb !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(92, 227, 203, .15) !important;
}
.site-header .production-main-links > a.production-nav-link.industry-nav:hover,
.site-header .production-main-links > a.production-nav-link.industry-nav:focus-visible {
  background: #00a18d !important;
  border-color: #9af5e6 !important;
}
.site-footer .cookie-settings-link {font: inherit;color: inherit;opacity: .9;}
.site-footer .cookie-settings-link:focus-visible {outline: 2px solid #f4c400;outline-offset: 3px;}