/* Careers section — layered on top of forge-seo.css, same tokens. */

.job-list{display:grid;gap:18px}
.job-card{display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:var(--white);border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px;text-decoration:none;
  transition:box-shadow .18s,transform .18s}
.job-card:hover{box-shadow:0 10px 26px rgba(16,42,79,.15);transform:translateY(-2px);text-decoration:none}
.job-card h3{color:var(--navy);margin-bottom:.35em}
.job-card p{color:var(--body);margin-bottom:.7em}
.job-card__go{font-family:"Poppins",sans-serif;font-weight:700;color:var(--navy);white-space:nowrap}

.job-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.88rem;color:var(--muted)}
.job-meta--hero{color:#cfe0f6;margin-top:14px}

.job-body{max-width:820px}
.job-body h3{color:var(--navy);margin-top:1.4em}
.job-body .checklist{margin:.6em 0 1.2em}

/* Application form */
.apply-form{max-width:820px;background:var(--white);border:1px solid var(--line);
  border-top:3px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f-field{margin-bottom:18px;display:flex;flex-direction:column}
.f-field label{font-family:"Poppins",sans-serif;font-weight:600;font-size:.9rem;color:var(--ink);margin-bottom:7px}
.f-field label span{color:#a33}
.f-field input,.f-field textarea{font-family:inherit;font-size:1rem;color:var(--ink);
  border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;background:#fff;width:100%}
.f-field input:focus,.f-field textarea:focus{outline:none;border-color:var(--green);
  box-shadow:0 0 0 3px rgba(151,181,43,.22)}
.f-field input[type=file]{padding:10px;background:var(--bg-soft);cursor:pointer}
.f-field small{color:var(--muted);font-size:.83rem;margin-top:6px}
.f-field textarea{resize:vertical}
.f-privacy{font-size:.85rem;color:var(--muted);margin:14px 0 0}

/* Honeypot — off-screen rather than display:none so bots still fill it. */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.apply-error{max-width:820px;background:#fdf2f2;border:1px solid #e8c4c4;border-left:4px solid #c0392b;
  border-radius:10px;padding:16px 20px;margin-bottom:22px;color:#7d2820}
.apply-done{max-width:820px;background:#f3f9e8;border:1px solid #cfe0a8;border-left:4px solid var(--green);
  border-radius:var(--radius);padding:28px 30px}
.apply-done h2{color:var(--navy);margin-bottom:.4em}

@media(max-width:760px){
  .job-card{flex-direction:column;align-items:flex-start;gap:14px}
  .f-row{grid-template-columns:1fr;gap:0}
  .apply-form{padding:22px 18px}
}