/* =========================================================================
 * Careers — a job page (single-jobs.php).
 *
 * One tall section: the back link, the eyebrow, the H1, property pills, the
 * description on the left (typography for headings, paragraphs, lists and
 * links coming from the editor) and the application form panel on a dark
 * surface on the right (the fields are the shared form, cta-forms.css).
 * Narrow screens stack top to bottom.
 * ====================================================================== */

.lmx-sj-inner{position:relative;width:100%;min-height:100vh;background:#050708 !important;color:#fff;font-family:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:hidden;--sj-accent:#52C7C6;--sj-accent-hi:#83DAD9;--sj-line:rgba(255,255,255,.10);--sj-line-hi:rgba(255,255,255,.18);--sj-surface:rgba(255,255,255,.035);--sj-muted:rgba(255,255,255,.6);--sj-text:rgba(255,255,255,.8)}
.lmx-sj-inner *{box-sizing:border-box;min-width:0}

.lmx-sj-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 32% at 30% 0%,rgba(82,199,198,.14),transparent 70%),radial-gradient(40% 30% at 90% 70%,rgba(82,199,198,.05),transparent 70%)}
.lmx-sj-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 55% at 40% 20%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 55% at 40% 20%,#000 20%,transparent 100%)}

.lmx-sj-wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,72px) 0 clamp(64px,8vw,104px)}

/* The tap target is at least 24px (the link line itself is 19px). */
.lmx-sj-back{display:inline-flex;align-items:center;gap:10px;padding:6px 0;margin-bottom:28px;color:var(--sj-accent) !important;text-decoration:none !important;font-family:var(--lmx-ms-font);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:color .2s ease}
.lmx-sj-back svg{width:18px;height:18px;transition:transform .2s ease}
.lmx-sj-back:hover{color:var(--sj-accent-hi) !important}
.lmx-sj-back:hover svg{transform:translateX(-3px)}
.lmx-sj-back:focus-visible{outline:2px solid var(--sj-accent);outline-offset:4px}

.lmx-sj-head{max-width:900px;margin-bottom:clamp(32px,4vw,52px);padding-bottom:clamp(24px,3vw,36px);border-bottom:1px solid var(--sj-line-hi)}
.lmx-sj-eyebrow{margin:0 0 14px !important;font-family:var(--lmx-ms-font) !important;font-weight:600;font-size:13px !important;letter-spacing:.34em;text-transform:uppercase;color:var(--sj-accent) !important;line-height:1.4 !important}
.lmx-sj-title{margin:0 !important;font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:300 !important;font-size:clamp(34px,4.4vw,60px) !important;line-height:1.05 !important;letter-spacing:-.02em;color:#fff !important;text-wrap:balance}
.lmx-sj-props{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
.lmx-sj-prop{display:inline-flex;align-items:baseline;gap:8px;margin:0;padding:9px 14px;border:1px solid var(--sj-line-hi);border-radius:999px;background:var(--sj-surface)}
.lmx-sj-prop__dt{margin:0;font-family:var(--lmx-ms-font);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sj-accent)}
.lmx-sj-prop__dd{margin:0;font-family:var(--lmx-ms-font);font-size:14px;color:#fff}

.lmx-sj-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(32px,4vw,64px);align-items:start}

/* --- description: typography of the editor blocks ------------------------------ */
.lmx-sj-content{min-width:0;font-family:var(--lmx-ms-font);font-size:17px;line-height:1.7;font-weight:300;color:var(--sj-text)}
.lmx-sj-content>:first-child{margin-top:0 !important}
.lmx-sj-content p{margin:0 0 1.1em !important;font:inherit !important;color:inherit !important}
.lmx-sj-content strong,.lmx-sj-content b{font-weight:600;color:#fff}
.lmx-sj-content a{color:var(--sj-accent) !important;text-decoration:underline !important;text-decoration-color:rgba(82,199,198,.5);text-underline-offset:3px}
.lmx-sj-content a:hover{color:var(--sj-accent-hi) !important;text-decoration-color:currentColor}
.lmx-sj-content h2,.lmx-sj-content h3,.lmx-sj-content h4,.lmx-sj-content h5,.lmx-sj-content h6{margin:1.6em 0 .6em !important;font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:400 !important;line-height:1.2 !important;letter-spacing:-.01em;color:#fff !important}
.lmx-sj-content h2{font-size:28px !important}
.lmx-sj-content h3{font-size:23px !important}
.lmx-sj-content h4,.lmx-sj-content h5,.lmx-sj-content h6{font-size:19px !important;font-family:var(--lmx-ms-font) !important;font-weight:600 !important}
.lmx-sj-content ul,.lmx-sj-content ol{margin:0 0 1.2em !important;padding:0 0 0 1.4em !important;list-style-position:outside}
.lmx-sj-content ul{list-style:disc}
.lmx-sj-content ol{list-style:decimal}
.lmx-sj-content li{margin:0 0 .5em !important;padding:0 !important;font:inherit !important;color:inherit !important}
.lmx-sj-content li::marker{color:var(--sj-accent)}
.lmx-sj-content blockquote{margin:0 0 1.2em !important;padding:0 0 0 18px !important;border-left:2px solid rgba(82,199,198,.5);font-style:italic;color:rgba(255,255,255,.7)}
.lmx-sj-content img{max-width:100%;height:auto;border-radius:10px}
.lmx-sj-content table{width:100%;margin:0 0 1.2em;border-collapse:collapse;font-size:15px}
.lmx-sj-content th,.lmx-sj-content td{padding:10px 12px;border-bottom:1px solid var(--sj-line);text-align:left;vertical-align:top}

/* --- application form ---------------------------------------------------------- */
.lmx-sj-apply{position:sticky;top:calc(var(--lmx-header-h,68px) + 24px);padding:clamp(24px,3vw,36px);border:1px solid var(--sj-line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 24px 60px rgba(0,0,0,.45)}
.lmx-sj-apply__eyebrow{margin:0 0 10px !important;font-family:var(--lmx-ms-font) !important;font-weight:600;font-size:12px !important;letter-spacing:.3em;text-transform:uppercase;color:var(--sj-accent) !important;line-height:1.4 !important}
.lmx-sj-apply__title{margin:0 0 22px !important;font-family:var(--lmx-ms-display,'Outfit','Poppins',sans-serif) !important;font-weight:400 !important;font-size:clamp(24px,2.4vw,30px) !important;line-height:1.15 !important;color:#fff !important}
.lmx-sj-apply__lead{margin:-8px 0 22px !important;font-family:var(--lmx-ms-font) !important;font-size:15px !important;line-height:1.55 !important;color:var(--sj-muted) !important}
.lmx-sj-apply .lmx-form__fields{gap:16px 18px}
.lmx-sj-apply .lmx-form .lmx-form__label{font-size:14px}
.lmx-sj-apply .lmx-form .lmx-form__submit{height:58px;margin-top:22px}

@media (max-width:1180px){
.lmx-sj-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}
}
@media (max-width:1024px){
.lmx-sj-inner{min-height:0;padding:84px var(--lmx-section-padding-x) 64px}
.lmx-sj-wrap{padding:0}
.lmx-sj-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.lmx-sj-apply{position:static}
}
@media (max-width:640px){
.lmx-sj-title{font-size:32px !important}
.lmx-sj-content{font-size:16px}
.lmx-sj-apply{padding:22px 18px 24px;border-radius:16px}
.lmx-sj-apply .lmx-form__fields{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
.lmx-sj-inner *{transition:none !important;animation:none !important}
}