/* ============================================================
   Padel54 — Jobs / Careers pages
   (loaded after style.css and news.css, which provide
    tokens, nav, btn, news-hero, sec-light)
   ============================================================ */

/* ---------- landing: role list ---------- */
.jobs-list{border-top:1px solid var(--line)}
.job-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,3.2vw,36px) 0;border-bottom:1px solid var(--line-2);transition:background .3s}
.job-row:hover{background:var(--ink-2)}
.job-row .txt h3{font-weight:800;text-transform:uppercase;font-size:clamp(18px,2.2vw,26px);letter-spacing:-.01em}
.job-row .txt p{margin-top:6px;color:var(--paper-dim);font-size:13.5px;max-width:58ch}
.job-row .arr{font-weight:600;color:var(--paper-dim);transition:transform .35s var(--ease),color .3s;flex:none}
.job-row:hover .arr{transform:translateX(5px);color:var(--signal)}

.jobs-note{padding-top:0;padding-bottom:clamp(80px,10vw,140px)}
.jobs-note p{color:var(--paper-dim);max-width:60ch;font-size:14.5px}
.jobs-note .cta{margin-top:22px}

/* ---------- role detail page ---------- */
.job-body{padding-top:0;padding-bottom:clamp(70px,9vw,120px)}
.job-body .intro{color:var(--paper-dim);max-width:70ch;font-size:15.5px}
.job-body .intro p+p{margin-top:16px}
.job-body h2{margin-top:clamp(48px,6vw,72px);margin-bottom:22px;font-weight:900;text-transform:uppercase;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.015em;border-top:1px solid var(--line);padding-top:22px}
.job-body .grp{margin-top:20px}
.job-body .grp:first-of-type{margin-top:0}
.job-body .grp h3{font-weight:700;font-size:14.5px;margin-bottom:6px;color:var(--paper)}
.job-body .grp p{color:var(--paper-dim);font-size:14.5px;max-width:70ch}
.job-body ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.job-body ul li{position:relative;padding-left:20px;color:var(--paper-dim);font-size:14.5px;max-width:70ch}
.job-body ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--signal)}
.job-body .callout{margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;color:var(--paper-dim);font-size:14.5px;max-width:70ch}

.job-apply{margin-top:clamp(52px,6vw,80px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.job-apply p{margin-top:8px;color:var(--paper-dim);font-size:14.5px}

.job-back{margin-top:44px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--paper-dim);transition:color .3s}
.job-back:hover{color:var(--paper)}

/* ---------- light-section overrides ---------- */
.sec-light .job-row{border-color:rgba(12,13,15,.09)}
.sec-light .job-row:hover{background:#ece9e3}
.sec-light .job-row .txt p,.sec-light .job-row .arr{color:#6c6b65}