.career-eyebrow { display: block; margin-bottom: var(--space-3); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); color: var(--color-brand-hover); }
.career-hero { padding-block: var(--space-16); background: linear-gradient(120deg, var(--color-brand-subtle), var(--color-bg)); border-bottom: 1px solid var(--color-border); }
.career-hero-inner h1 { max-width: 60rem; font-size: var(--text-6xl); margin-bottom: var(--space-6); }
.career-hero-inner > p { font-size: var(--text-xl); max-width: 47rem; }
.career-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-6); margin-top: var(--space-8); }
.career-section { padding-block: var(--space-16); scroll-margin-top: 7rem; }
.career-section-intro { max-width: 48rem; margin-bottom: var(--space-8); }
.career-section-intro h2 { font-size: var(--text-3xl); margin-bottom: var(--space-4); }
.career-vacancy-list { display: grid; gap: var(--space-5); }
.career-vacancy { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-8); padding: var(--space-8); border: 1px solid var(--color-primary-200); border-radius: var(--radius-xl); }
.career-vacancy h3, .career-general-card h3 { font-size: var(--text-2xl); margin-bottom: var(--space-3); }
.career-vacancy h3 a { color: var(--color-text-primary); }
.career-vacancy > div > p { max-width: 52rem; }
.career-vacancy .career-vacancy-meta { font-size: var(--text-sm); margin-bottom: var(--space-4); color: var(--color-text-secondary); }
.career-general-card { display: flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-subtle); }
.career-general-card p { max-width: 48rem; }
.career-general-card > a { flex-shrink: 0; }
.career-infolitz-note { max-width: 60rem; margin-top: var(--space-6); font-size: var(--text-sm); }
.career-application-section { background: var(--color-bg-subtle); border-top: 1px solid var(--color-border); padding-block: var(--space-16); scroll-margin-top: 7rem; }
.career-application-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-12); align-items: start; }
.career-application-intro h2 { font-size: var(--text-4xl); margin-bottom: var(--space-5); }
.career-application-steps { padding-left: var(--space-5); margin-block: var(--space-6); color: var(--color-text-secondary); }
.career-application-steps li + li { margin-top: var(--space-3); }
.career-privacy-note { font-size: var(--text-sm); }
.career-form-panel { min-width: 0; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: clamp(var(--space-4), 4vw, var(--space-8)); }
.career-form-panel h3 { font-size: var(--text-2xl); margin-bottom: var(--space-4); }
.career-form-panel > p { margin-bottom: var(--space-6); }
.career-role-picker { padding-bottom: var(--space-6); margin-bottom: var(--space-6); border-bottom: 1px solid var(--color-border); }
.career-role-picker > label { display: block; font-size: var(--text-sm); font-weight: var(--font-weight-medium); margin-bottom: var(--space-2); }
.career-role-picker > div { display: flex; align-items: stretch; gap: var(--space-3); }
.career-role-picker select { min-width: 0; flex: 1 1 0; }
.career-form { display: grid; gap: var(--space-5); }
.career-field { min-width: 0; display: grid; gap: var(--space-2); }
.career-field label { font-size: var(--text-sm); font-weight: var(--font-weight-medium); }
.career-field input, .career-field textarea, .career-role-picker select { width: 100%; min-width: 0; padding: var(--space-3); border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-bg); }
.career-field textarea { resize: vertical; }
.career-field input[type=file] { max-width: 100%; font-size: var(--text-sm); padding: var(--space-3); }
.career-field input[type=file]::file-selector-button { padding: var(--space-2) var(--space-3); margin-right: var(--space-3); border: 0; border-radius: var(--radius-sm); color: var(--color-brand-hover); background: var(--color-brand-subtle); cursor: pointer; }
.career-field-help, .career-form-context { font-size: var(--text-sm); }
.career-field-error { font-size: var(--text-sm); color: var(--color-danger); }
.career-field [aria-invalid=true] { border-color: var(--color-danger); }
.career-questions { border: 0; padding: var(--space-5) 0 0; margin: var(--space-2) 0 0; min-width: 0; display: grid; gap: var(--space-5); border-top: 1px solid var(--color-border); }
.career-questions legend { font-weight: var(--font-weight-semibold); font-size: var(--text-xl); padding-right: var(--space-3); }
.career-consent { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-sm); }
.career-consent input { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; margin-top: .25rem; accent-color: var(--color-brand); }
.career-errors { padding: var(--space-4); margin-bottom: var(--space-6); border: 1px solid var(--color-danger); border-radius: var(--radius-md); }
.career-errors > p:first-child { color: var(--color-danger); font-weight: var(--font-weight-medium); }
.career-errors ul { padding-left: var(--space-5); margin-block: var(--space-3); }
.career-errors p:last-child { font-size: var(--text-sm); }
.career-success p { margin-bottom: var(--space-5); }
.career-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.career-form-panel .btn { white-space: normal; line-height: var(--leading-normal); }
.career-role-layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--space-16); align-items: start; }
.career-role-content { min-width: 0; }
.career-role-content > section + section { margin-top: var(--space-10); }
.career-role-content h2 { font-size: var(--text-3xl); margin-bottom: var(--space-5); }
.career-role-content h3 { font-size: var(--text-xl); margin-top: var(--space-6); margin-bottom: var(--space-2); }
.career-role-content ul, .career-role-content ol { padding-left: var(--space-5); margin-block: var(--space-5); color: var(--color-text-secondary); }
.career-role-content li + li { margin-top: var(--space-3); }
.career-role-content p + p { margin-top: var(--space-4); }
.career-role-apply { padding: var(--space-6); background: var(--color-brand-subtle); border-radius: var(--radius-xl); }
.career-role-apply .btn { margin-top: var(--space-6); }
.career-role-facts { padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-bg-subtle); }
.career-role-facts h2 { font-size: var(--text-xl); margin-bottom: var(--space-6); }
.career-role-facts dt { color: var(--color-text-muted); font-size: var(--text-sm); margin-top: var(--space-5); }
.career-role-facts dd { margin-top: var(--space-1); }
.career-role-facts .btn { margin-top: var(--space-8); }
@media (max-width: 62rem) { .career-application-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .career-application-intro { max-width: 44rem; } .career-role-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .career-role-facts { grid-row: 1; } .career-vacancy { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); justify-items: start; } .career-general-card { flex-direction: column; align-items: start; gap: var(--space-5); } }
@media (max-width: 38rem) { .career-hero, .career-section, .career-application-section { padding-block: var(--space-10); } .career-vacancy, .career-general-card { padding: var(--space-5); } .career-role-picker > div { flex-direction: column; } .career-hero-inner h1 { font-size: var(--text-4xl); } .career-role-apply { padding: var(--space-5); } }