/* ============================================================
   JOB APPLICATION (job-application.html), 2026-10-25. Builds on application.css (shared step list + card layout);
   only the pieces the business form does not have: the recruitment-safety note under the step list, the
   driver-information fold, the Role help text and the CV error line. Scoped to .ja-page.
   ============================================================ */
.ja-page .ap-safety{margin-top:28px;padding:18px 18px 16px;border-left:3px solid var(--red);background:var(--tint)}
.ja-page .ap-safety h2{margin:0 0 8px;font:600 15px/1.3 var(--sans);color:var(--ink)}
.ja-page .ap-safety p{margin:0 0 10px;font:400 14px/1.55 var(--sans);color:var(--ink-2)}
.ja-page .ap-help{margin:6px 0 0;font:400 14px/1.5 var(--sans);color:var(--muted)}
.ja-page .ap-help a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ja-page .ap-more{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.ja-page .ap-more summary{cursor:pointer;font:500 16px/1.4 var(--sans);color:var(--ink);min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ja-page .ap-more summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ja-page .ap-more[open] summary{margin-bottom:12px}
.ja-page .ap-docs-err:empty{display:none}
.ja-page select:disabled{color:var(--muted);background:var(--tint);cursor:not-allowed}
@media (max-width:1024px){ .ja-page .ap-safety{margin-top:20px} }