/* Shared workflow branding, including pages opened directly from email links.
   The separate Phase One demonstration keeps its historical stylesheet. */
.workflow-current{--ink:#0a0f10;--muted:#62666a;--paper:#f6f6f5;--line:#d7d8d8;--accent:#ef2e33;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.workflow-current header{background:#0a0f10;color:#fff;min-height:100px;border-bottom:1px solid #0a0f10;padding:24px max(24px,5vw)}
.workflow-current .brand{color:#fff;font-size:18px;font-weight:800;letter-spacing:.2px;gap:13px;line-height:1.15}
.workflow-current .brand-sub{font-size:13px;letter-spacing:4px;margin-top:3px}
.workflow-current .brand-sub sup{font-size:8px;letter-spacing:0;vertical-align:super;margin-left:2px}
.workflow-current .mark{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:48px;height:48px;flex:0 0 48px;border:0;line-height:1;font-family:Arial,Helvetica,sans-serif}
.workflow-current .mark>span{display:block;min-width:0;border:1.6px solid #f8f8f8}
.workflow-current .mark>span:nth-child(2){border-color:#ef2e33}
.workflow-current .tag{color:#b9bec0;font-size:11px;letter-spacing:.4px;max-width:240px}
.workflow-current main{max-width:980px;padding:64px 40px;min-height:75vh}
.workflow-current h1,.workflow-current h2,.workflow-current h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;color:#0a0f10}
.workflow-current h1{font-size:clamp(38px,5.4vw,66px);line-height:1.03;letter-spacing:-2px;max-width:820px}
.workflow-current h2{font-size:30px;letter-spacing:-.8px}.workflow-current h3{font-size:23px;letter-spacing:-.4px}
.workflow-current .eyebrow{color:#b71d21;letter-spacing:1.5px}
.workflow-current button,.workflow-current .button{border-radius:0;background:#ef2e33;border-color:#ef2e33;color:#fff;font:700 14px/1.4 Arial,Helvetica,sans-serif;padding:16px 24px;min-height:52px;text-align:center;text-transform:uppercase}
.workflow-current button:hover,.workflow-current .button:hover{background:#d91c24;border-color:#d91c24;filter:none}
.workflow-current .secondary,.workflow-current .quiet{background:transparent;border-color:#0a0f10;color:#0a0f10}
.workflow-current .secondary:hover,.workflow-current .quiet:hover{background:#eee;border-color:#0a0f10;color:#0a0f10}
.workflow-current .quiet{border-color:transparent}
.workflow-current input{border-radius:0;background:#fff;color:#0a0f10;accent-color:#ef2e33}
.workflow-current input:focus{border-color:#0a0f10}
.workflow-current .check input{accent-color:#ef2e33}
.workflow-current .notice{border-color:#ef2e33;background:#fff2f2}
.workflow-current .badge{background:#f3e7e7}
.workflow-current .question-card{border-top:3px solid #ef2e33}
.workflow-current .question-nav #next{margin-left:auto}
.workflow-current legend{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:clamp(23px,3vw,32px);line-height:1.35;letter-spacing:-.5px}
.workflow-current .choice:has(input:checked){background:#fff2f2;border-color:#ef2e33}
.workflow-current .choice input{accent-color:#ef2e33}
.workflow-current progress::-webkit-progress-value{background:#ef2e33}.workflow-current progress::-moz-progress-bar{background:#ef2e33}
.workflow-current footer{color:#62666a;border-color:#d7d8d8}
.workflow-current :focus-visible{outline:3px solid #ef2e33;outline-offset:4px}
@media(max-width:600px){.workflow-current main{padding:40px 22px}.workflow-current header{padding:20px 22px;gap:14px}.workflow-current h1{font-size:40px;letter-spacing:-1.5px}.workflow-current .brand{font-size:16px}.workflow-current .tag{max-width:none}.workflow-current .question-nav{flex-wrap:wrap}.workflow-current .question-nav #saved{order:3;flex-basis:100%;text-align:center}.workflow-current .question-nav button{padding:13px 15px;font-size:12px}.workflow-current .actions{align-items:stretch}.workflow-current .actions>.button{white-space:normal}}

/* Employer form layout; shared branding above also covers verification and candidate steps. */
.employer-start{--ink:#111;--muted:#555;--paper:#fff;--line:#ddd;--accent:#ef2e33;background:#fff;color:#111}
.employer-start header{min-height:100px;padding:24px max(24px,5vw);border-bottom:1px solid #111}
.employer-start .mark{color:#ef2e33;border:0;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:44px;letter-spacing:-5px}
.employer-start .brand{letter-spacing:1px;font-size:16px}.employer-start .brand-sub{letter-spacing:5px}
.employer-start .tag{max-width:230px;letter-spacing:.4px;font-size:12px}
.employer-start main{max-width:980px;padding:72px 40px 64px;min-height:75vh}
.employer-start h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(40px,5.4vw,66px);line-height:1.03;letter-spacing:-2.5px;max-width:820px;margin:20px 0 28px}
.employer-start .eyebrow{color:#b71d21;font-size:11px;letter-spacing:1.7px}
.start-introduction{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:0 0 20px}
.start-instructions{font-size:16px;line-height:1.7;max-width:720px;margin-bottom:32px}
.start-preview{border-left:4px solid #ef2e33;background:#faf6f6;padding:18px 22px;margin:28px 0 36px;font-size:14px}
.start-preview strong,.start-preview span{display:block}.start-preview strong{font-size:11px;letter-spacing:1px;margin-bottom:4px}
.employer-start #invite-form{border-top:2px solid #111}
.employer-start fieldset{padding:30px 0 18px;border-bottom:1px solid #ddd;position:relative}
.employer-start legend{float:left;width:100%;font:700 22px/1.4 Arial,Helvetica,sans-serif;margin:0 0 24px;letter-spacing:-.5px}
.start-fields{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.start-field:last-child{grid-column:1/-1}
.employer-start label{font-size:14px;font-weight:600;margin-bottom:8px}
.employer-start input{width:100%;max-width:none;height:52px;background:#fff;border:1px solid #aaa;border-radius:0;padding:12px 14px;margin:0;box-shadow:none}
.employer-start input:focus{border-color:#111}.employer-start input[aria-invalid=true]{border-color:#bd2025}
.field-error{display:block;color:#b71d21;font-size:13px;min-height:24px;padding-top:3px}
.start-verification{font-size:14px;color:#555;margin:26px 0 22px}
.employer-start button,.employer-start .button{border-radius:0;background:#ef2e33;border-color:#ef2e33;color:#fff;font-weight:700;font-size:15px;padding:16px 26px;min-height:54px}
.employer-start button:hover,.employer-start .button:hover{background:#ca2025;border-color:#ca2025;filter:none}
.employer-start button:disabled{opacity:.65}.employer-start .secondary{color:#111;background:white;border-color:#111}
.employer-start #send{min-width:230px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.employer-start :focus-visible{outline:3px solid #111;outline-offset:4px}
#form-error{color:#b71d21;border-left:3px solid #ef2e33;padding:10px 16px;background:#faf6f6}
#send-status{font-size:14px;min-height:23px;margin:10px 0 0}.start-footnote{font-size:12px;color:#555;margin-top:32px}.start-footnote a{display:block;margin-top:12px;text-underline-offset:4px}
.employer-start footer{border-color:#111;color:#555}.start-confirmation{max-width:760px}.start-confirmation p{overflow-wrap:anywhere}
@media(max-width:600px){.employer-start main{padding:40px 22px}.employer-start header{padding:20px 22px;gap:14px}.employer-start h1{font-size:42px;letter-spacing:-1.8px}.employer-start .tag{max-width:none}.start-introduction{font-size:21px}.start-fields{grid-template-columns:1fr;gap:6px}.start-field:last-child{grid-column:auto}.employer-start #send{width:100%}.start-preview{padding:16px}.start-confirmation .actions{align-items:stretch;flex-direction:column}.start-confirmation .button{text-align:center}}
@media(prefers-reduced-motion:no-preference){.employer-start button,.employer-start .button{transition:background .15s}}