/* Page emplois */
.jobs{border-top:1px solid var(--ink)}
.job{border-bottom:1px solid var(--line);background:var(--white)}
.job[hidden]{display:none}
.job-h{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) 28px;gap:24px;align-items:center;width:100%;padding:24px 20px;transition:background .2s}
.job-h:hover{background:var(--bg)}
.job-h:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.job-t b{display:block;font-size:clamp(18px,1.7vw,22px);font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.job-t span{font-size:13.5px;color:var(--muted)}
.job-m{display:flex;flex-wrap:wrap;gap:8px}
.job-m span{font-size:13px;padding:5px 10px;background:var(--surface);color:var(--text)}
.job-m span:nth-child(2){background:var(--ink);color:var(--fluo)}
.job .pm{flex:none;width:28px;height:28px;position:relative;border:1px solid var(--line-2)}
.job .pm::before,.job .pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1.5px;background:var(--ink);transition:transform .35s var(--ease)}
.job .pm::after{transform:rotate(90deg)}
.job.open .pm::after{transform:rotate(0)}
.job-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.job.open .job-b{grid-template-rows:1fr}
.job-b>div{overflow:hidden;padding:0 20px}
.job.open .job-b>div{padding-bottom:28px}
.job-g{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:22px}
.job-g h3{font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.job-g ul{list-style:none;display:grid;gap:8px}
.job-g li{position:relative;padding-left:20px;color:var(--text)}
.job-g li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:3px;background:var(--fluo)}
.drop{display:flex;gap:16px;align-items:center;padding:22px;border:1.5px dashed var(--line-2);background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}
.drop:hover,.drop.over{border-color:var(--ink);background:var(--white)}
.drop.ok{border-style:solid;border-color:var(--ink);box-shadow:inset 4px 0 0 var(--fluo)}
.drop svg{flex:none;width:28px;height:28px;color:var(--ink)}
.drop b{display:block;font-weight:500;color:var(--ink)}
.drop span{font-size:14.5px;color:var(--muted)}
.drop small{display:block;font-size:12.5px;color:var(--soft);margin-top:2px}
@media (max-width:920px){
  .job-h{grid-template-columns:1fr 28px}
  .job-m{grid-column:1;grid-row:2}
  .job-g{grid-template-columns:1fr}
}