.draft-tools{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:24px 0}
.draft-tools label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--event-muted)}
.draft-tools input{width:16px;height:16px;accent-color:var(--event-focus)}
.draft-tools p{width:100%;font-size:12px;color:var(--event-muted);line-height:20px}
#connection-status{margin:0 0 24px}
.recruit-review{border-block:1px solid var(--event-border);padding-block:16px;margin-block:24px}
.recruit-review summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}
.recruit-review summary:focus-visible{outline:2px solid var(--event-focus);outline-offset:4px}
html[data-application-mode=recruitment] .field select{appearance:none;padding-inline-end:48px;background:url('/scihack/select-chevron.svg') right 16px center/14px 14px no-repeat var(--event-panel)}
html[data-application-mode=recruitment] #main{min-height:calc(100svh - 152px)}
html[data-application-mode=recruitment][data-application-entry-ready]:not([data-application-entry-settled]) #main{animation:scihack-application-entry 300ms cubic-bezier(.22,1,.36,1)}
@media(forced-colors:active){html[data-application-mode=recruitment] .field select{appearance:auto;background-image:none;padding-inline-end:16px}}
@media(prefers-reduced-motion:reduce){html[data-application-mode=recruitment] #main{animation:none}}
@media print{.draft-tools,#connection-status{display:none}}

.recruit-honeypot{display:none!important}
html[data-application-mode=recruitment] #receipt-error:empty{display:none}
.recruit-role-context{margin-top:24px;padding-block:24px;border-block:1px solid var(--event-border)}
#role-context-mobile:empty{display:none}
.role-context-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.role-context-code{font:12px/16px var(--event-mono);color:var(--event-muted);letter-spacing:.04em}
.role-context-heading h2{margin-top:8px;font-size:24px;line-height:32px;font-weight:600;letter-spacing:0}
.role-context-heading svg{width:48px;height:48px;flex:none;color:var(--event-accent)}
.role-context-copy,.recruit-role-context li{font-size:14px;line-height:24px;color:var(--event-muted)}
.role-context-copy{margin-top:16px}
.role-context-label{margin-top:16px;font-size:14px;line-height:24px;font-weight:600;letter-spacing:0}
.role-context-label+.role-context-copy{margin-top:8px}
.role-context-note{margin-top:16px;font-size:12px;line-height:20px;color:var(--event-muted)}
.recruit-role-context ul{margin-top:12px;padding-left:16px}
.recruit-role-context li+li{margin-top:8px}
html[data-application-mode=recruitment] .application-aside{position:static}
html[data-application-mode=recruitment] .application-deadlines{margin-top:16px}
@media(max-width:760px){html[data-application-mode=recruitment] .step-nav{grid-template-columns:repeat(3,minmax(0,1fr))}#role-context-desktop{display:none}.recruit-role-context{margin:0}.role-context-heading h2{font-size:20px;line-height:28px}.role-context-heading svg{width:40px;height:40px}}
@media print{.recruit-role-context{display:none}}