/* R23-UX01: recruiter-first contact layout, without changing form endpoint semantics. */
.contact-section{padding-top:clamp(24px,4vw,55px)}
.contact-layout{grid-template-columns:minmax(0,1.42fr) minmax(290px,.78fr);gap:clamp(18px,3vw,38px)}
.contact-form-panel{border-radius:22px;padding:clamp(22px,3vw,40px)}
.contact-form-panel h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.035em}
.contact-form-panel .muted{max-width:62ch;line-height:1.65}
.contact-form{gap:20px}
.contact-form input,.contact-form select,.contact-form textarea{min-height:48px;border-radius:12px}
.contact-form textarea{min-height:155px}
.contact-form .contact-required{color:var(--primary);font-weight:800}
.contact-direct-intro{padding:4px 3px 10px}
.contact-direct-intro h2{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;margin:8px 0}
.contact-direct-intro p:last-child{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
.contact-card-priority{border-color:color-mix(in srgb,var(--primary) 22%,var(--line))}
.form-submit-row .button{min-height:48px}
.form-submit-row .button[aria-busy="true"]{cursor:progress}
@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-direct-intro{grid-column:1/-1}}
@media(max-width:680px){.contact-layout{gap:22px}.contact-form-panel{padding:20px;border-radius:18px}.contact-form{gap:16px}.contact-direct{gap:12px}.contact-direct .contact-card{min-height:0}.contact-section{padding-top:20px}}