.contact-intents > header { display: grid; grid-template-columns: .45fr 1fr; align-items: start; }
.contact-intents > header h2 { max-width: 15ch; margin: 0; font-size: var(--type-h2); }
.intent-controls { margin-block-start: var(--space-lg); display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--line); }
.intent-controls button { min-height: 6rem; padding: var(--space-md); display: grid; grid-template-columns: 3rem 1fr; align-items: center; color: inherit; text-align: start; background: transparent; border: 0; cursor: pointer; }
.intent-controls button + button { border-inline-start: 1px solid var(--line); }
.intent-controls button span { color: var(--gold-deep); font-size: var(--type-eyebrow); }
.intent-controls button strong { font-family: var(--serif); font-size: var(--type-h3); font-weight: 400; }
.intent-controls button[aria-selected="true"] { color: var(--white); background: var(--ink); }
.intent-controls button[aria-selected="true"] span { color: var(--gold); }
.intent-panels { background: var(--white); }
.intent-panels > section { padding: var(--space-lg); }
.intent-panels > section[hidden] { display: none; }
.contact-intents:not(.is-enhanced) .intent-panels > section[hidden] { display: block; border-block-start: 1px solid var(--line); }
#employer-contact { display: grid; grid-template-columns: .58fr 1.25fr; gap: var(--space-xl); }
.intent-panel__intro h3, .candidate-route h3 { max-width: 14ch; margin: var(--space-sm) 0; font-family: var(--serif); font-size: var(--type-h3); font-weight: 400; }
.intent-panel__intro p, .candidate-route p { color: var(--muted); }
.employer-form { position: relative; padding-inline-start: var(--space-lg); border-inline-start: 1px solid var(--line); }
.development-badge { position: absolute; inset: 0 0 auto auto; margin: 0; padding: .3rem .5rem; color: #675a10; background: color-mix(in srgb,var(--gold) 30%,white); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); }
.form-field { display: grid; gap: .45rem; }
.form-field--wide { grid-column: 1/-1; }
.form-field label { font-size: .82rem; font-weight: 750; }
.form-field :where(input, select, textarea) { width: 100%; min-height: 3.35rem; padding: .75rem 0; color: var(--ink); background: transparent; border: 0; border-block-end: 1px solid #77756e; border-radius: 0; }
.form-field :where(input, select, textarea):focus { border-block-end-color: var(--gold-deep); outline-offset: 3px; }
.form-field textarea { min-height: 7.5rem; resize: vertical; }
.employer-form button[disabled] { margin-block-start: var(--space-md); opacity: .55; cursor: not-allowed; }
.candidate-route { min-height: 25rem; display: grid; align-content: center; }
.candidate-route nav { max-width: 42rem; margin-block-start: var(--space-md); display: grid; }
.candidate-route nav a { padding-block: var(--space-sm); display: flex; justify-content: space-between; text-decoration: none; border-block-end: 1px solid var(--line); }
@media (max-width: 58rem) { #employer-contact { grid-template-columns: 1fr; } .employer-form { padding-inline-start: 0; border-inline-start: 0; border-block-start: 1px solid var(--line); padding-block-start: var(--space-lg); } }
@media (max-width: 42rem) { .contact-intents > header, .intent-controls, .form-grid { grid-template-columns: 1fr; } .contact-intents > header { gap: var(--space-sm); } .intent-controls { display: flex; overflow-x: auto; } .intent-controls button { min-width: 12rem; min-height: 4.8rem; } .intent-controls button + button { border-inline-start: 1px solid var(--line); } .intent-panels > section { padding: var(--space-md); } .form-field--wide { grid-column: auto; } .candidate-route { min-height: 22rem; } }