/* Karriere and Stellenansicht extend existing Archivo roles and application controls. */
.career-opening,.application-section,.job-conditions{background:var(--panel)}
.career-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-8);align-items:center;padding:var(--space-4) var(--gutter) var(--space-7)}
.career-page .primary{background:var(--ink);color:var(--paper)}.career-page .primary:hover{background:#41463b}
.conditions-body{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-8);align-items:start}
.career-facts{margin:0}.career-facts>div{padding:var(--space-5) 0;border-top:1px solid var(--line)}.career-facts>div:first-child{border-top:0;padding-top:0}.career-facts>div:last-child{padding-bottom:0}
.career-facts dt{font-size:var(--font-body);font-weight:var(--weight-benefit);margin:0 0 var(--space-2)}.career-facts dd{margin:0;color:var(--muted);max-width:51ch}
.team-more{margin-top:var(--space-6)}
.career-openings{background:var(--panel)}.job-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--field-border);border-bottom:1px solid var(--field-border)}
.job-row h3{font-size:var(--font-heading);font-weight:var(--weight-heading);line-height:1.25;letter-spacing:-.025em;margin:0 0 var(--space-3)}.job-row h3 span{white-space:nowrap}.job-row p{margin:0;color:var(--muted)}
.job-row-action{display:flex;align-items:center;gap:var(--space-5);white-space:nowrap;min-height:var(--target-min)}.job-row-action svg{transition:transform 180ms var(--ease)}.job-row:hover .job-row-action svg{transform:translateX(4px)}.job-row:hover h3{text-decoration:underline;text-underline-offset:5px}
.career-status{max-width:65ch}.career-status .primary{margin-top:var(--space-5)}.career-status .benefit-copy{max-width:60ch}
.application-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--column-gap);padding:0;margin:0;counter-reset:step}
.application-steps li{counter-increment:step;border-top:1px solid var(--line);padding-top:var(--space-5)}.application-steps li::before{content:counter(step);display:block;font-size:var(--font-heading);font-weight:var(--weight-heading);margin-bottom:var(--space-5);font-variant-numeric:tabular-nums}.application-steps p{margin-bottom:0}
.career-page .detail-faq{background:var(--paper)}.career-page .detail-faq h2{max-width:19ch}
.application-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:var(--space-8)}.application-intro>p{max-width:38ch;margin:var(--space-5) 0 var(--space-6)}
.applicant-contact{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-5);align-items:start}.applicant-contact img{display:block;width:100%;height:auto}.applicant-contact p{margin-bottom:var(--space-3)}.applicant-contact a{display:block;width:fit-content;max-width:100%;min-height:var(--target-min);align-content:center;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.application-section .inquiry{padding:0}.application-section .inquiry h3.form-heading{font-size:var(--font-heading);line-height:1.2;margin:0 0 var(--space-5);font-weight:var(--weight-heading)}
.application-section select:disabled{opacity:1;color:var(--ink);background:var(--panel)}.application-section .privacy-note a{display:inline}
.job-hero{padding-top:var(--space-5);padding-bottom:var(--space-7)}.job-hero h1{font-size:var(--font-page);font-weight:var(--weight-display);line-height:1.06;letter-spacing:var(--tracking-heading);margin:0 0 var(--space-6)}.job-hero h1 span{font-size:var(--font-heading);font-weight:var(--weight-heading);letter-spacing:-.025em}
.job-hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:end}.job-location{font-weight:var(--weight-benefit);margin:0 0 var(--space-4)}.job-hero-bottom .benefit-copy{max-width:46ch;margin:0}.job-hero-bottom .field-hint{margin-top:var(--space-3)}
.job-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.job-details h2{margin-bottom:var(--space-6)}.job-requirements ul{padding-left:var(--space-5);margin:var(--space-3) 0 var(--space-6);color:var(--muted)}.job-requirements li{padding-left:var(--space-1);margin-bottom:var(--space-2)}.job-meta{font-size:var(--font-caption);color:var(--muted);margin:var(--space-6) 0 0}
.job-conditions .career-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--column-gap)}.job-conditions .career-facts>div{border-top:1px solid var(--line);padding:var(--space-5) 0 0}.job-conditions .text-link{margin-top:var(--space-6)}
@media(max-width:1100px){.career-hero,.conditions-body,.application-section,.job-hero-bottom,.job-details{gap:var(--space-6)}.applicant-contact{grid-template-columns:96px minmax(0,1fr);gap:var(--space-4)}.career-page .header{gap:var(--space-5)}.career-page .desktop-nav{gap:var(--space-5)}}
@media(max-width:900px) and (min-width:761px){.career-page .header .request-long{display:none}.career-page .header .request-short{display:inline}.applicant-contact{grid-template-columns:1fr}.applicant-contact img{width:120px}}
@media(max-width:760px){.career-hero,.conditions-body,.application-section,.job-hero-bottom,.job-details{grid-template-columns:1fr}.career-hero{padding-top:var(--space-3);padding-bottom:var(--space-6)}.career-hero .primary,.job-hero .primary{width:100%}.application-steps,.job-conditions .career-facts{grid-template-columns:1fr;gap:var(--space-6)}.application-steps li::before{margin-bottom:var(--space-3)}.job-row{display:block;padding:var(--space-5) 0}.job-row h3{font-size:var(--font-heading)}.job-row-action{justify-content:space-between;margin-top:var(--space-5)}.application-section{gap:var(--space-7)}.applicant-contact{grid-template-columns:100px minmax(0,1fr)}.job-hero{padding-top:var(--space-3);padding-bottom:var(--space-6)}.job-hero h1{font-size:var(--font-page)}.job-details h2{margin-bottom:var(--space-5)}}
@media(prefers-reduced-motion:reduce){.job-row-action svg{transition:none}}
/* Source-led employer conditions and complete CNC photograph. */
.career-hero{grid-template-columns:1fr;padding-top:var(--space-5)}.career-hero .workshop-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-8);align-items:start}.career-hero .workshop-intro h1{grid-row:1;margin:0}.career-hero .workshop-intro>p{margin:0}.career-hero .workshop-intro .primary{grid-column:1;width:fit-content}.career-hero .workshop-intro .hero-location{grid-column:1;align-self:start;margin:var(--space-2) 0 0;max-width:none}.career-hero>figure{margin-top:var(--space-3)}
.career-conditions>.career-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-8)}.career-conditions>.career-facts>div{border-top:1px solid var(--line);padding:var(--space-5) 0 0}
.job-row+.job-row{border-top:0}.job-conditions .career-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.career-hero .workshop-intro,.career-conditions>.career-facts,.job-conditions .career-facts{grid-template-columns:1fr}.career-hero .workshop-intro h1{grid-row:auto}.career-hero .workshop-intro .primary{grid-column:1;width:100%}.career-hero .workshop-intro .hero-location{grid-column:1;margin-top:0}.career-hero>figure{margin-top:0}}
/* Keep the application compact and its personal contact adjacent, without an empty sidebar. */
.application-section{grid-template-columns:1fr;gap:var(--space-7)}
.application-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-8);align-items:start}
.application-intro h2{grid-column:1}.application-intro>p{grid-column:1;margin:0;max-width:45ch}
.application-intro .applicant-contact{grid-column:2;grid-row:1 / 3;align-self:center}
.job-hero-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:var(--space-8)}
@media(max-width:760px){.application-intro{grid-template-columns:1fr;gap:var(--space-5)}.application-intro .applicant-contact{grid-column:1;grid-row:auto}.application-section{gap:var(--space-6)}}

.job-intro-action{margin-top:var(--space-5)}
.job-overview{margin:0;border-top:1px solid var(--line)}
.job-overview>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.job-overview dt{color:var(--muted)}.job-overview dd{margin:0;font-weight:var(--weight-benefit)}
@media(max-width:760px){.job-hero-bottom{grid-template-columns:1fr;gap:var(--space-6)}}

:is(.career-conditions,.job-conditions) .career-facts dt{display:flex;align-items:flex-start;gap:var(--space-3)}:is(.career-conditions,.job-conditions) .career-facts dd{padding-left:calc(24px + var(--space-3))}
.job-conditions .conditions-note{margin:var(--space-6) 0 0;color:var(--muted);max-width:51ch}.job-conditions .conditions-note+.text-link{margin-top:var(--space-4)}
/* Feinschliff vor Übergabe (Vera 11.10.2026, Teil B) */
/* F1: Kurzbewerbung wie /kontakt. Links Überschrift, Satz und Ansprechpartner (läuft mit), rechts das Formular in derselben
   Spalte und mit demselben Feldraster; lange Felder über die volle Formularbreite. Nimmt „ohne leere Seitenspalte“ (Z. 33) zurück. */
@media(min-width:901px){
 .application-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-8);align-items:start}
 .application-intro{display:block;position:sticky;top:calc(var(--header-height) + var(--space-6))}
 .application-intro>p.benefit-copy{margin:var(--space-5) 0 var(--space-6)}
}
/* F15: zweispaltige Raster auf der gemeinsamen Kante (bei 1280: x 672). */
.job-conditions .career-facts{column-gap:var(--space-8)}
/* F19 (Kann): Eckdaten am Handy mit schmaler Begriffsspalte. */
@media(max-width:760px){.job-overview>div{grid-template-columns:7.5em 1fr}}