/* Applicant job simulation page (careers/assessment/). Builds on site.css. */
.sim-split{display:grid;gap:3rem;align-items:start}
.sim-brief{margin-top:1.25rem;color:var(--muted);line-height:1.7}
.sim-fiction{margin-top:1rem}
.sim-tasks{display:grid;gap:1rem;margin-top:2.5rem}
.sim-task{display:flex;flex-direction:column}
.sim-task-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.sim-task .num{font-weight:600;letter-spacing:.02em}
.sim-time{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);white-space:nowrap}
.sim-task h3{margin-top:.5rem}
.sim-task p:last-child{margin-top:.5rem;font-size:.92rem;line-height:1.6}
.sim-download{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:2rem}
.sim-download h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:600}
.sim-download p{color:var(--muted);line-height:1.65}
.sim-narrow{max-width:46rem}
.sim-form{margin-top:2rem}
.sim-form .req{color:var(--accent)}
.sim-form input[type=file]{padding:.5rem .6rem;cursor:pointer}
.sim-form .form-note a{color:var(--accent);text-underline-offset:3px}
#simDone{margin-top:2rem}
#simDone:focus{outline:none}
@media (min-width:768px){
  .sim-tasks{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .sim-split{grid-template-columns:1fr 1fr;gap:4rem}
  .sim-tasks{grid-template-columns:repeat(3,1fr)}
}
.sim-form .form-foot .btn{white-space:nowrap;flex:none}