/* Approved V8 careers design: shared navigation, colours and typography remain intact. */
.careers-draft *, .careers-draft *::before, .careers-draft *::after { box-sizing: border-box; }
.site-contents.careers-draft { padding-bottom: 16px; }
.careers-draft :is(h1,h2,h3,p,figure) { margin-top: 0; }
.careers-draft :is(h1,h2,h3) { text-wrap: balance; }
.careers-draft :is(p,li) { text-wrap: pretty; }
.careers-draft [id] { scroll-margin-top: 110px; }
.site-contents.careers-draft > section { width: min(calc(100% - 40px),1200px); margin: 16px auto; padding: clamp(28px,3.5vw,44px) clamp(24px,4vw,48px); }
.careers-draft .career-draft-note { width: min(calc(100% - 40px),1200px); display:flex; align-items:center; gap:12px; margin:18px auto 0; color:var(--dx-ink-soft); }
.careers-draft .career-draft-note > span { flex:0 0 auto; font-size:.66rem; font-weight:800; letter-spacing:.12em; border:1px solid #dfc698; border-radius:5px; padding:3px 7px; color:#8b5200; background:#fff7e9; }
.careers-draft .career-draft-note p { margin:0; font-size:.78rem !important; line-height:1.4 !important; }
.careers-draft .career-eyebrow { display:inline-flex; align-items:center; gap:11px; margin:0 0 14px; color:#a65f00; font-size:.78rem !important; font-weight:800; letter-spacing:.12em; line-height:1.45 !important; text-transform:uppercase; }
.careers-draft .career-eyebrow::before { content:""; width:30px; height:2px; flex:0 0 30px; background:var(--dx-orange); }
.careers-draft .career-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:12px 21px; border:1px solid var(--dx-orange); border-radius:999px; background:var(--dx-orange); color:#17232d; font-size:1rem; font-weight:750; line-height:1.4; text-align:center; text-decoration:none; transition:background .2s,transform .2s; }
.careers-draft .career-button:hover { background:#ffac24; transform:translateY(-2px); }
.careers-draft .career-button > span { font-size:1.2em; }
.careers-draft .career-button-outline { border-color:#a8b4be; color:white; background:rgba(255,255,255,.06); }
.careers-draft .career-button-outline:hover { background:rgba(255,255,255,.17); }
.site-contents.careers-draft > .career-hero { position:relative; isolation:isolate; overflow:hidden; min-height:560px; display:flex; align-items:center; background:var(--dx-navy); border:0; padding-block:50px; text-align:left; }
.careers-draft .career-hero-media { position:absolute; z-index:-1; inset:0; }
.careers-draft .career-hero-media img { width:100%; height:100%; object-fit:cover; object-position:62% center; }
.careers-draft .career-hero-media::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(23,36,47,.97),rgba(23,36,47,.82) 35%,rgba(23,36,47,.18) 69%,rgba(23,36,47,.05)); }
.careers-draft .career-hero-copy { width:57%; max-width:620px; }
.careers-draft .career-hero .career-eyebrow, .careers-draft .career-team .career-eyebrow { color:#ffb84c; }
.careers-draft .career-hero h1 { margin:0 0 22px; color:#fff; text-align:left; font-size:clamp(2.65rem,4.6vw,4.1rem); line-height:1.08; letter-spacing:-.035em; }
.careers-draft .career-hero h1 span { display:block; color:#ffb84c; }
.careers-draft .career-lead { max-width:48ch; margin:0 0 26px; color:#f2f5f7; text-align:left; font-size:var(--dx-text-lead) !important; }
.careers-draft .career-actions { display:flex; flex-wrap:wrap; gap:12px; }
.careers-draft .career-hero-signature { margin:28px 0 0; color:#dce4ea; text-align:left; font-size:.85rem !important; }
.careers-draft .career-image-note { position:absolute; right:18px; bottom:14px; border-radius:4px; padding:3px 7px; font-size:.65rem; color:#f2f5f7; background:rgba(20,32,42,.7); }
.careers-draft h2 { margin-bottom:18px; }
.site-contents.careers-draft > .career-culture { background:linear-gradient(135deg,#fffaf3,#fff); }
.careers-draft .career-culture h2 { max-width:850px; margin-inline:auto; }
.careers-draft .career-intro { max-width:68ch; margin:0 auto; }
.careers-draft .career-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:30px; text-align:left; }
.careers-draft .career-values article { border-top:1px solid #e6d8c4; padding-top:18px; }
.careers-draft .career-number { display:block; color:#a65f00; font-weight:800; font-size:.8rem; letter-spacing:.09em; }
.careers-draft .career-values h3 { margin:10px 0 12px; text-align:left; }
.careers-draft .career-values p { margin:0; font-size:var(--dx-text-card) !important; }
.site-contents.careers-draft > .career-openings { background:#fff; text-align:left; }
.careers-draft .career-section-head { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.careers-draft .career-section-head h2 { text-align:left; margin-bottom:0; }
.careers-draft .career-personio-tag { display:inline-flex; flex-shrink:0; align-items:center; gap:8px; border:1px solid var(--dx-line); border-radius:999px; padding:8px 13px; font-size:.8rem; color:var(--dx-navy); font-weight:600; }
.careers-draft .career-personio-tag::before { content:""; width:7px; height:7px; border-radius:50%; background:#167647; }
.careers-draft .career-opening-intro { max-width:68ch; margin:16px 0 24px !important; text-align:left !important; }
.careers-draft .career-job { display:flex; gap:20px; align-items:center; padding:24px; background:var(--dx-mist); border:1px solid var(--dx-line); border-radius:20px; }
.careers-draft .career-job-icon { display:grid; place-items:center; flex:0 0 60px; height:60px; border-radius:16px; background:#fff0d8; color:#a65f00; }
.careers-draft .career-job-icon svg { width:32px; height:32px; }
.careers-draft .career-job-info { flex:1; min-width:0; }
.careers-draft .career-job-category { font-size:.76rem !important; color:#8c5708; margin:0 0 7px; font-weight:650; }
.careers-draft .career-job h3 { margin:0 0 10px; text-align:left; }
.careers-draft .career-job-meta { display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; margin:0; padding:0; }
.careers-draft .career-job-meta li { font-size:.85rem; }
.careers-draft .career-job-button { flex-shrink:0; }
.careers-draft .career-job-footer { display:flex; gap:24px; justify-content:space-between; align-items:center; margin-top:18px; }
.careers-draft .career-job-footer p { margin:0; text-align:left; max-width:58ch; font-size:.8rem !important; }
.careers-draft .career-text-link { display:inline-flex; align-items:center; gap:8px; color:#945600; font-weight:700; text-underline-offset:4px; }
.careers-draft .career-job-footer a { flex-shrink:0; font-size:.9rem; }
.careers-draft .career-language-note { margin:14px 0 0; color:#705323; font-size:.85rem !important; text-align:left; }
.careers-draft [hidden] { display:none !important; }
.site-contents.careers-draft > .career-team { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:center; background:linear-gradient(135deg,var(--dx-navy),var(--dx-navy-2)); color:white; text-align:left; }
.careers-draft .career-team figure { margin:0; }
.careers-draft .career-team img { width:100%; height:auto; border-radius:20px; }
.careers-draft .career-team figcaption { margin-top:10px; color:#d2dbe2; font-size:.78rem; text-align:center; }
.careers-draft .career-team h2 { font-size:clamp(1.9rem,3vw,2.7rem); text-align:left; color:white; }
.careers-draft .career-team-copy p:not(.career-eyebrow) { text-align:left; color:#eef2f5; margin:0 0 24px; }
.site-contents.careers-draft > .career-next { background:var(--dx-mist); }
.careers-draft .career-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:28px 0 0; list-style:none; text-align:left; }
.careers-draft .career-steps li { display:flex; gap:14px; border-top:1px solid var(--dx-line); padding-top:20px; }
.careers-draft .career-steps .career-number { margin-top:5px; }
.careers-draft .career-steps h3 { text-align:left; font-size:1.15rem; margin:0 0 10px; }
.careers-draft .career-steps p { margin:0; font-size:var(--dx-text-card) !important; }
.careers-draft .career-last-line { margin-top:28px; display:flex; justify-content:center; align-items:center; gap:16px; padding-top:22px; border-top:1px solid var(--dx-line); }
.careers-draft .career-last-line p { margin:0; }
@media(max-width:1000px){
 .careers-draft .career-hero-copy { width:65%; }
 .careers-draft .career-values { gap:20px; }
 .careers-draft .career-job-icon { display:none; }
 .careers-draft .career-team { gap:24px; }
 .careers-draft .career-job-footer { flex-direction:column; align-items:flex-start; gap:12px; }
}
@media(max-width:760px){
 .site-contents.careers-draft > section { width:calc(100% - 28px); margin-block:14px; padding:28px 22px; border-radius:24px; }
 .careers-draft .career-draft-note { width:calc(100% - 28px); }
 .careers-draft .career-values,.careers-draft .career-steps { grid-template-columns:1fr; gap:18px; }
 .careers-draft .career-values article { display:grid; grid-template-columns:30px 1fr; gap:0 12px; }
 .careers-draft .career-values .career-number { grid-row:1 / 3; margin-top:3px; }
 .careers-draft .career-values h3 { margin-top:0; }
 .careers-draft .career-section-head { display:block; }
 .careers-draft .career-personio-tag { margin-top:16px; }
 .careers-draft .career-job { flex-direction:column; align-items:flex-start; padding:20px; }
 .site-contents.careers-draft > .career-team { grid-template-columns:1fr; gap:24px; }
 .careers-draft .career-team-copy { text-align:center; }
 .careers-draft .career-team h2,.careers-draft .career-team-copy p:not(.career-eyebrow) { text-align:center; }
}
@media(max-width:580px){
 .site-contents.careers-draft > .career-hero { display:block; min-height:0; padding:0; }
 .careers-draft .career-hero-media { position:relative; inset:auto; height:235px; z-index:0; }
 .careers-draft .career-hero-media img { object-position:72% center; }
 .careers-draft .career-hero-media::after { background:linear-gradient(transparent 65%,var(--dx-navy)); }
 .careers-draft .career-hero-copy { width:100%; max-width:none; padding:20px 22px 42px; }
 .careers-draft .career-hero h1 { font-size:clamp(2.1rem,7.8vw,2.8rem); }
 .careers-draft .career-actions { flex-direction:column; }
 .careers-draft .career-image-note { top:12px; bottom:auto; right:12px; }
 .careers-draft .career-hero-signature { margin-top:22px; font-size:.8rem !important; }
 .careers-draft .career-draft-note { align-items:flex-start; gap:8px; }
 .careers-draft .career-draft-note p { font-size:.7rem !important; }
 .careers-draft .career-job-button { width:100%; }
 .careers-draft .career-job-meta { display:block; }
 .careers-draft .career-last-line { flex-direction:column; gap:8px; }
}
@media(prefers-reduced-motion:reduce){.careers-draft .career-button { transition:none; }.careers-draft .career-button:hover { transform:none; }}