/* Editorial article extras, Careers role descriptions, Programs "More ways to join". Uses the site's own
   colour variables so it follows dark and light mode. */
.enx-ed-link{color:var(--color-accent,#ff0033);text-decoration:underline;text-underline-offset:3px}
.enx-ed-cta{margin:48px 0 0;padding:28px;border:1px solid var(--color-border-strong,#333);border-left:3px solid var(--color-accent,#ff0033);background:var(--color-surface-panel,rgba(255,255,255,.03));border-radius:var(--border-radius-md,10px)}
.enx-ed-cta-eyebrow{display:block;font-size:.68rem;letter-spacing:.2em;font-weight:900;color:var(--color-accent,#ff0033);margin-bottom:10px}
.enx-ed-cta b{display:block;font-family:var(--font-headline,inherit);font-size:1.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary,#fff);margin-bottom:18px}
.enx-ed-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.enx-ed-cta-row .btn-primary{text-decoration:none;display:inline-flex;align-items:center}
.enx-ed-cta-2{color:var(--color-text-secondary,#aaa);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}

.enx-job-desc{margin:14px 0 0;max-width:720px;color:var(--color-text-secondary,#aaa);font-size:.92rem;line-height:1.65}

.enx-ways{padding:72px 0}
.enx-ways-eyebrow{font-size:.7rem;letter-spacing:.3em;font-weight:900;color:var(--color-accent,#ff0033);margin:0 0 10px}
.enx-ways-title{font-family:var(--font-headline,inherit);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary,#fff);margin:0 0 10px}
.enx-ways-intro{color:var(--color-text-secondary,#aaa);margin:0 0 32px;max-width:620px;line-height:1.6}
.enx-ways-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.enx-way{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--color-border-soft,#222);border-radius:var(--border-radius-md,10px);background:var(--color-surface-panel,rgba(255,255,255,.03));color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.enx-way:hover,.enx-way:focus-visible{border-color:var(--color-accent,#ff0033);transform:translateY(-2px)}
.enx-way b{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary,#fff)}
.enx-way span{font-size:.86rem;line-height:1.55;color:var(--color-text-secondary,#aaa);flex:1}
.enx-way em{font-style:normal;font-size:.7rem;letter-spacing:.18em;font-weight:900;color:var(--color-accent,#ff0033)}
@media (max-width:1000px){.enx-ways-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.enx-ways{padding:48px 0}.enx-ways-grid{grid-template-columns:1fr}.enx-ed-cta{padding:22px}.enx-ed-cta b{font-size:1.4rem}}

/* /careers on phones: the role card's text column has a 300px minimum, which pushed cards past the screen edge. */
@media (max-width: 640px) {
  .machine-card[data-enx-job] { padding: 22px 20px !important; max-width: 100%; box-sizing: border-box; }
  .machine-card[data-enx-job] > div { min-width: 0 !important; flex-basis: 100% !important; }
}