/* The jobs pages (/jobs, /jobs/<company>, /jobs/<company>/<job>, /jobs/confirm; jobs.py) on the home's «next» system +
   pg-guides.css (hero, trail, glass, search box, chips, empty state). Every rule carries .nx + a .jb-* class. Glass cards,
   green + gold, company logo tiles, filter chips, salary pill, a sticky apply panel on desktop and a bottom apply button
   on phones. Light (default) + dark; RTL + LTR via logical properties; no sideways scroll at 360 px; long words wrap;
   tap targets ≥ 44 px. */

.nx.jb{--jb-r:22px;--jb-pay-bg:linear-gradient(135deg,#FBF4E2,#F6E6BC);--jb-pay-ink:#7A5610;--jb-pay-bd:rgb(179 132 30/.35);
	--jb-tile:linear-gradient(145deg,#E3F2EC,#FFFFFF);--jb-tile-ink:#0E7A5C}
:root[data-theme="dark"] .nx.jb{--jb-pay-bg:linear-gradient(135deg,rgb(224 165 38/.18),rgb(224 165 38/.08));--jb-pay-ink:#EBC572;
	--jb-pay-bd:rgb(235 197 114/.35);--jb-tile:linear-gradient(145deg,rgb(14 122 92/.35),rgb(23 40 61/.9));--jb-tile-ink:#7FD8B8}
.nx.jb :is(h1,h2,h3,p,b,small,a,span,li,dd){overflow-wrap:break-word}
.nx .jb-sec{padding-block:clamp(10px,2vw,24px) clamp(24px,4vw,48px)}
.nx .jb-h1{margin:0;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.9rem);line-height:1.3;text-wrap:balance}
.nx .jb-h2{margin:0 0 14px;font-family:var(--f-display);font-weight:600;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.45;color:var(--ink)}
.nx .jb-crumbs{align-self:stretch}

/* ------------------------------------------------------------------ logo tiles */
.nx .jb-logo{display:grid;place-items:center;flex:none;width:56px;height:56px;overflow:hidden;border-radius:16px;
	background:#fff;border:1px solid var(--line);box-shadow:0 10px 22px -16px rgb(14 27 44/.45)}
.nx .jb-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.nx .jb-logo__ini{display:grid;place-items:center;width:100%;height:100%;font-family:var(--f-display);font-weight:700;font-size:1.4rem;
	color:var(--jb-tile-ink);background:var(--jb-tile)}
.nx .jb-logo--sm{width:52px;height:52px;border-radius:15px}
.nx .jb-logo--lg{width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px);border-radius:22px}
.nx .jb-logo--lg .jb-logo__ini{font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem)}
:root[data-theme="dark"] .nx .jb-logo{border-color:rgb(255 255 255/.1);background:rgb(255 255 255/.92)}
:root[data-theme="dark"] .nx .jb-logo:has(.jb-logo__ini){background:none}

/* ------------------------------------------------------------------ board: search */
.nx .jb-search{display:flex;align-items:center;gap:10px;width:min(720px,100%);margin-top:clamp(16px,2.6vw,26px)}
.nx .jb-search__box{flex:1;min-width:0}
.nx .jb-search__go{flex:none;min-height:58px;padding-inline:26px;border-radius:999px}

/* ------------------------------------------------------------------ board: filters | results */
.nx .jb-board{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);align-items:start}
.nx .jb-board--solo{grid-template-columns:minmax(0,1fr)}
.nx .jb-filters{position:sticky;top:var(--stick,92px);display:grid;gap:16px;padding:18px;border-radius:var(--jb-r);transition:top .25s var(--ease)}
.nx .jb-filters__h{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;color:var(--ink)}
.nx .jb-filters__h .bi{width:18px;height:18px;color:var(--em-text)}
.nx .jb-fgroup{display:grid;gap:8px;min-width:0}
.nx .jb-fgroup__l{margin:0;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;color:var(--ink-4);text-transform:uppercase}
.nx .jb-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.nx .jb-chip{min-height:40px;padding:5px 12px;font-size:.88rem;max-width:100%}
.nx .jb-chip>span:not(.sr){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.nx .jb-chip .flag{width:18px;height:18px;flex:none;border-radius:50%}
.nx .jb-results{min-width:0}
.nx .jb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:14px;min-height:40px}
.nx .jb-count{margin:0;color:var(--ink-3)}
.nx .jb-count b{color:var(--ink);font-weight:600}
.nx .jb-clear{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;font-size:var(--fs-sm);color:var(--stamp);text-decoration:none}
.nx .jb-clear .i{width:16px;height:16px}
.nx .jb-clear:hover{text-decoration:underline}

/* ------------------------------------------------------------------ job cards */
.nx .jb-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.nx .jb-list>li{min-width:0}
.nx .jb-card{border-radius:var(--jb-r);border:1px solid transparent;background:var(--gd-bg) padding-box,var(--gd-bd) border-box;box-shadow:var(--gd-sh);
	transition:translate .25s var(--ease),box-shadow .25s var(--ease)}
.nx .jb-card:hover{translate:0 -2px;box-shadow:var(--gd-sh-h)}
.nx .jb-card__a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:16px 18px;border-radius:inherit;color:var(--ink);text-decoration:none}
.nx .jb-card__a:focus-visible{outline:2px solid var(--em);outline-offset:3px}
.nx .jb-card__main{display:grid;gap:4px;min-width:0;text-align:start}
.nx .jb-card__t{font-family:var(--f-display);font-weight:600;font-size:1.12rem;line-height:1.45;color:var(--ink)}
.nx .jb-card:hover .jb-card__t{color:var(--em-text)}
.nx .jb-card__co{font-size:var(--fs-sm);font-weight:500;color:var(--ink-3)}
.nx .jb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.nx .jb-tag{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;color:var(--ink-2);background:var(--gd-soft);border:1px solid var(--line)}
.nx .jb-tag .i{width:14px;height:14px;flex:none;color:var(--em-text)}
.nx .jb-tag--remote{color:var(--em-text);background:var(--mint);border-color:transparent}
.nx .jb-card__side{display:grid;justify-items:end;gap:6px;text-align:end}
.nx .jb-card__date{font-size:var(--fs-xs);color:var(--ink-4);white-space:nowrap}
.nx .jb-pay{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;line-height:1.4;
	color:var(--jb-pay-ink);background:var(--jb-pay-bg);border:1px solid var(--jb-pay-bd)}
.nx .jb-pay--lg{min-height:40px;padding:6px 16px;font-size:1rem}

/* ------------------------------------------------------------------ paging, empty, employers band */
.nx .jb-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:20px}
.nx .jb-pager__a{min-height:44px;gap:6px}
.nx .jb-pager__a:first-child{justify-self:start}
.nx .jb-pager__a:last-child{justify-self:end}
.nx .jb-pager__n{margin:0;font-size:var(--fs-sm);color:var(--ink-3);text-align:center}
.nx .jb-prev-i{transform:scaleX(-1)}
[dir="rtl"] .nx .jb-prev-i{transform:none}
.nx .jb-empty .gd-empty__s{margin:0;max-width:46ch}
.nx .jb-empty__a{margin-top:8px}
.nx .jb-emp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 22px;padding:clamp(18px,3vw,28px);border-radius:26px;
	background:radial-gradient(120% 90% at 0% 0%,rgb(224 165 38/.14),transparent 60%),radial-gradient(90% 80% at 100% 100%,rgb(14 122 92/.12),transparent 60%),var(--gd-bg) padding-box,var(--gd-bd) border-box}
.nx .jb-emp__c{min-width:0}
.nx .jb-emp__t{margin:0 0 4px;font-family:var(--f-display);font-weight:600;font-size:1.3rem;color:var(--ink)}
.nx .jb-emp__c p{margin:0;line-height:1.8;color:var(--ink-3)}
.nx .jb-emp__a{gap:8px}

/* ------------------------------------------------------------------ company page */
.nx .jb-hero__in{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.nx .jb-hero__in .gd-crumbs ol{justify-content:flex-start}
.nx .jb--board .jb-hero__in{align-items:center}
.nx .jb--board .jb-hero__in .gd-crumbs ol{justify-content:center}
.nx .jb-cohead{display:flex;align-items:center;gap:clamp(14px,2.4vw,24px);padding:clamp(18px,3vw,28px);border-radius:28px;text-align:start}
.nx .jb-cohead__c{min-width:0}
.nx .jb-cohead__k{margin:0 0 4px;font-size:var(--fs-sm);font-weight:600;color:var(--gold-text)}
.nx .jb-h1--co{font-size:clamp(1.6rem,1.15rem + 1.9vw,2.6rem)}
.nx .jb-cohead__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;color:var(--ink-3);font-size:var(--fs-sm)}
.nx .jb-cohead__meta span{display:inline-flex;align-items:center;gap:6px}
.nx .jb-cohead__meta :is(.i,.flag){width:17px;height:17px;flex:none}
.nx .jb-cohead__meta .i{color:var(--em-text)}
.nx .jb-intro{max-width:72ch;margin:18px 0 0;line-height:1.9;color:var(--ink-2);white-space:pre-line;text-align:start}
.nx .jb-sec__h{text-align:start}
.nx .jb-back{margin:18px 0 0}

/* ------------------------------------------------------------------ job page: header card */
.nx .jb-head{display:grid;gap:18px;padding:clamp(18px,3vw,30px);border-radius:28px;text-align:start}
.nx .jb-head__top{display:flex;align-items:center;gap:clamp(14px,2.4vw,22px);min-width:0}
.nx .jb-head__c{min-width:0}
.nx .jb-head__co{margin:0 0 4px;font-weight:600}
.nx .jb-head__co a{display:inline-flex;align-items:center;min-height:32px;color:var(--em-text);text-decoration:none}
.nx .jb-head__co a:hover{text-decoration:underline}
.nx .jb-head__date{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:var(--fs-sm);color:var(--ink-4)}
.nx .jb-head__date .i{width:15px;height:15px}
.nx .jb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.nx .jb-fact{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:16px;background:var(--gd-soft);border:1px solid var(--line)}
.nx .jb-fact__i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:var(--em-text);background:var(--card);box-shadow:var(--sh-1)}
.nx .jb-fact__i :is(.i,.bi){width:18px;height:18px}
.nx .jb-fact__x{display:grid;min-width:0}
.nx .jb-fact__x small{font-size:var(--fs-xs);color:var(--ink-4)}
.nx .jb-fact__x b{font-weight:600;font-size:.95rem;line-height:1.45;color:var(--ink)}
.nx .jb-fact--pay{background:var(--jb-pay-bg);border-color:var(--jb-pay-bd)}
.nx .jb-fact--pay .jb-fact__i{color:var(--jb-pay-ink)}
.nx .jb-fact--pay b{color:var(--jb-pay-ink)}

/* ------------------------------------------------------------------ job page: main | sticky aside */
.nx .jb-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(16px,2.6vw,30px);align-items:start}
.nx .jb-main{display:grid;gap:clamp(14px,2vw,22px);min-width:0}
.nx .jb-block{padding:clamp(18px,3vw,32px);border-radius:26px;text-align:start;min-width:0}
.nx .jb-block:focus{outline:none}
.nx .jb-dl{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.nx .jb-dl dt{font-size:var(--fs-xs);color:var(--ink-4)}
.nx .jb-dl dd{margin:2px 0 0;font-weight:600;color:var(--ink)}
.nx .jb-prose{line-height:1.95;color:var(--ink-2);font-size:1.02rem}
.nx .jb-prose :is(p,ul,ol){margin:0 0 14px}
.nx .jb-prose :is(ul,ol){padding-inline-start:1.4em}
.nx .jb-prose li{margin-bottom:6px}
.nx .jb-prose li::marker{color:var(--em-text)}
.nx .jb-prose :is(h3,h4){margin:22px 0 10px;font-family:var(--f-display);font-weight:600;line-height:1.5;color:var(--ink)}
.nx .jb-prose h3{font-size:1.2rem}
.nx .jb-prose h4{font-size:1.05rem}
.nx .jb-prose :is(strong,b){color:var(--ink);font-weight:600}
.nx .jb-prose>:last-child{margin-bottom:0}
.nx .jb-side{position:sticky;top:var(--stick,92px);display:grid;gap:14px;min-width:0;transition:top .25s var(--ease)}
.nx .jb-panel{display:grid;gap:12px;padding:20px;border-radius:24px;text-align:start;
	background:radial-gradient(120% 70% at 100% 0%,rgb(224 165 38/.12),transparent 60%),var(--gd-bg) padding-box,var(--gd-bd) border-box}
.nx .jb-panel__t{margin:0;font-family:var(--f-display);font-weight:600;font-size:1.1rem;line-height:1.45;color:var(--ink)}
.nx .jb-panel .jb-pay{justify-self:start}
.nx .jb-panel__l{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-3)}
.nx .jb-panel__l li{display:flex;align-items:center;gap:8px;min-width:0}
.nx .jb-panel__l :is(.i,.bi){width:16px;height:16px;flex:none;color:var(--em-text)}
.nx .jb-panel .btn{gap:8px}
.nx .jb-panel__n{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--fs-xs);line-height:1.7;color:var(--ink-4)}
.nx .jb-panel__n .i{width:14px;height:14px;flex:none;margin-top:3px;color:var(--em-text)}
.nx .jb-co{display:grid;gap:10px;padding:18px 20px;border-radius:24px;text-align:start}
.nx .jb-co__h{display:flex;align-items:center;gap:12px;min-width:0}
.nx .jb-co__h>div{min-width:0}
.nx .jb-co__n{margin:0;font-weight:600;color:var(--ink)}
.nx .jb-co__c{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:var(--fs-xs);color:var(--ink-4)}
.nx .jb-co__c .flag{width:15px;height:15px;border-radius:50%}
.nx .jb-co__i{margin:0;font-size:var(--fs-sm);line-height:1.8;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.nx .jb-co .nx-tlink{min-height:40px}

/* ------------------------------------------------------------------ apply form */
.nx .jb-form{display:block;min-width:0}
.nx .jb-form__body[hidden],.nx .jb-done[hidden],.nx .jb-file[hidden],.nx .jb-drop__l[hidden],.nx .jb-progress[hidden]{display:none}
.nx .jb-form__head{margin-bottom:18px}
.nx .jb-form__head p{margin:0;line-height:1.85;color:var(--ink-3)}
.nx .jb-form .form__row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}
@media (min-width:640px){.nx .jb-form .form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nx .jb-form .fld{display:grid;gap:6px;margin:0 0 16px;min-width:0;align-content:start}
.nx .jb-form .fld__l{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);line-height:1.6}
.nx .jb-form .fld__req{color:var(--stamp)}
.nx .jb-form .fld__opt{font-size:var(--fs-xs);font-weight:400;color:var(--ink-4)}
.nx .jb-form .fld :is(input,textarea){width:100%;min-height:52px;padding:13px 16px;border:1px solid var(--field-line);border-radius:14px;background:var(--bg);color:var(--ink);
	font:inherit;font-size:16px;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}
:root[data-theme="dark"] .nx .jb-form .fld :is(input,textarea){background:rgb(10 21 34/.6)}
.nx .jb-form .fld textarea{min-height:110px;resize:vertical}
.nx .jb-form .fld :is(input,textarea):hover{border-color:var(--em-light)}
.nx .jb-form .fld :is(input,textarea):focus{border-color:var(--em);background:var(--card);box-shadow:0 0 0 4px rgb(57 146 121/.18)}
.nx .jb-form .fld :is(input,textarea)[aria-invalid="true"]{border-color:var(--stamp);box-shadow:0 0 0 3px var(--stamp-soft)}
.nx .jb-form .fld__err{font-size:var(--fs-xs);font-weight:500;color:var(--stamp)}
.nx .jb-form .fld__err[hidden]{display:none}

/* the CV drop zone + file chip */
.nx .jb-drop{position:relative;min-width:0}
.nx .jb-drop__in{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.nx .jb-drop__l{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border:1.5px dashed var(--field-line);border-radius:14px;cursor:pointer;
	background:var(--gd-soft);color:var(--ink-2);transition:border-color .2s,background-color .2s,box-shadow .2s}
.nx .jb-drop__l:hover,.nx .jb-drop.is-over .jb-drop__l{border-color:var(--em);background:var(--mint)}
.nx .jb-drop__in:focus-visible+.jb-drop__l{outline:2px solid var(--em);outline-offset:2px}
.nx .jb-drop.is-bad .jb-drop__l{border-color:var(--stamp);background:var(--stamp-soft)}
.nx .jb-drop__i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .jb-drop__i .bi{width:18px;height:18px}
.nx .jb-drop__t{display:grid;min-width:0;text-align:start}
.nx .jb-drop__t b{font-size:var(--fs-sm);font-weight:600}
.nx .jb-drop__t small{font-size:var(--fs-xs);color:var(--ink-4)}
.nx .jb-file{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 6px 6px 12px;border-radius:14px;border:1px solid var(--em-light);background:var(--mint)}
[dir="rtl"] .nx .jb-file{padding:6px 12px 6px 6px}
.nx .jb-file__i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:var(--em-text);background:var(--card)}
.nx .jb-file__i .bi{width:17px;height:17px}
.nx .jb-file__t{display:grid;flex:1;min-width:0;text-align:start}
.nx .jb-file__t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.nx .jb-file__t small{font-size:var(--fs-xs);color:var(--ink-3);text-align:start}
.nx .jb-file__x{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--ink-3);cursor:pointer}
.nx .jb-file__x:hover{color:var(--stamp);background:var(--stamp-soft)}
.nx .jb-file__x:focus-visible{outline:2px solid var(--em);outline-offset:1px}
.nx .jb-file__x .i{width:18px;height:18px}

/* screening questions: radio chips (no native selects) */
.nx .jb-qs{margin:4px 0 6px;padding:16px;border-radius:18px;background:var(--gd-soft);border:1px solid var(--line)}
.nx .jb-qs__h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:600;color:var(--ink)}
.nx .jb-qs__h .i{width:17px;height:17px;color:var(--em-text)}
.nx .jb-q{min-width:0;margin:0 0 14px;padding:0;border:0}
.nx .jb-qs>.jb-q:last-child{margin-bottom:0}
.nx fieldset.jb-q legend{display:block;width:100%;margin-bottom:8px;padding:0}
.nx .jb-opts{display:flex;flex-wrap:wrap;gap:8px}
.nx .jb-opt{position:relative;min-width:0;max-width:100%}
.nx .jb-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.nx .jb-opt span{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;padding:8px 16px;border-radius:14px;border:1px solid var(--field-line);
	background:var(--card);font-size:var(--fs-sm);font-weight:500;color:var(--ink-2);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.nx .jb-opt:hover span{border-color:var(--em-light)}
.nx .jb-opt__ok{width:0;height:16px;flex:none;opacity:0;transition:width .2s var(--ease),opacity .2s}
.nx .jb-opt input:checked+span{background:linear-gradient(145deg,#16876A,#0B6B51);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 18px -10px rgb(14 122 92/.8)}
.nx .jb-opt input:checked+span .jb-opt__ok{width:16px;opacity:1}
.nx .jb-opt input:focus-visible+span{outline:2px solid var(--em-light);outline-offset:2px}
.nx .jb-q.is-bad .jb-opt span{border-color:var(--stamp)}

/* consent, progress, send, success */
.nx .jb-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 6px;font-size:var(--fs-sm);line-height:1.8;color:var(--ink-2);cursor:pointer}
.nx .jb-consent input{flex:none;width:22px;height:22px;margin:3px 0 0;accent-color:var(--em);cursor:pointer}
.nx .jb-consent a{color:var(--em-text);font-weight:600}
.nx .jb-consent__err{display:block;margin:0 0 10px}
.nx .jb-consent__err[hidden]{display:none}
.nx .jb-progress{display:grid;gap:6px;margin:12px 0 0}
.nx .jb-progress__bar{display:block;height:8px;overflow:hidden;border-radius:999px;background:var(--gd-soft);border:1px solid var(--line)}
.nx .jb-progress__bar i{display:block;width:var(--p,2%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#16876A,#E0A526);transition:width .2s linear}
.nx .jb-progress__t{font-size:var(--fs-xs);color:var(--ink-3)}
.nx .jb-send{margin-top:14px;gap:8px}
.nx .jb-send[disabled]{opacity:.7;cursor:progress}
.nx .jb-form.is-busy .jb-send .i{animation:jb-nudge 1s var(--ease-io) infinite}
@keyframes jb-nudge{50%{translate:4px 0}}
.nx .jb-form .form__msg:empty{display:none}
.nx .jb-done{display:grid;justify-items:center;gap:10px;padding:clamp(18px,4vw,36px) 8px;text-align:center}
.nx .jb-done__i{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);
	box-shadow:0 18px 34px -16px rgb(14 122 92/.8);animation:jb-pop .5s cubic-bezier(.3,1.6,.5,1)}
.nx .jb-done__i .i{width:32px;height:32px}
@keyframes jb-pop{from{scale:.6;opacity:0}}
.nx .jb-done__t{margin:4px 0 0;font-family:var(--f-display);font-weight:600;font-size:clamp(1.25rem,1.05rem + .8vw,1.6rem);color:var(--ink)}
.nx .jb-done__t:focus{outline:none}
.nx .jb-done__s{margin:0;max-width:52ch;line-height:1.85;color:var(--ink-2)}
.nx .jb-done__s:empty{display:none}
.nx .jb-done__n{margin:0 0 6px;max-width:52ch;font-size:var(--fs-sm);color:var(--ink-4)}

/* phones: the bottom apply button (the site's sign-in bar is off on job pages) */
.nx .jb-mbar{display:none}

/* ------------------------------------------------------------------ confirmation page */
.nx .jb--confirm .jb-hero__in{align-items:center}
.nx .jb-cf{display:grid;justify-items:center;gap:12px;width:min(640px,100%);margin:clamp(8px,3vh,32px) auto clamp(20px,5vh,56px);padding:clamp(24px,5vw,44px);border-radius:30px;text-align:center}
.nx .jb-cf__t{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.2rem)}
.nx .jb-cf__s{margin:0;max-width:48ch;line-height:1.9;color:var(--ink-2)}
.nx .jb-cf__job{display:flex;align-items:center;gap:8px;margin:2px 0 0;padding:8px 14px;border-radius:14px;background:var(--gd-soft);color:var(--ink-2)}
.nx .jb-cf__job .i{width:17px;height:17px;flex:none;color:var(--em-text)}
.nx .jb-cf__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.nx .jb-cf__acts .btn{gap:8px;min-height:48px}

/* ------------------------------------------------------------------ responsive */
@media (max-width:1023px){
	.nx .jb-board{grid-template-columns:minmax(0,1fr)}
	.nx .jb-filters{position:static;padding:14px}
	.nx .jb-fgroup{grid-template-columns:minmax(0,1fr)}
	.nx .jb-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-14px;padding:2px 14px 4px;scroll-padding-inline:14px}
	.nx .jb-chips::-webkit-scrollbar{display:none}
	.nx .jb-chip{flex:none}
	.nx .jb-layout{grid-template-columns:minmax(0,1fr)}
	.nx .jb-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (max-width:759px){
	.nx .jb-side{grid-template-columns:minmax(0,1fr)}
	.nx .jb-panel .btn{display:none}
	.nx .jb-mbar{display:block;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));
		background:var(--hdr);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
	.nx .jb-mbar[hidden]{display:none}
	.nx .jb-mbar .btn{gap:8px}
	.nx.jb--job{padding-bottom:76px}
	.nx .jb-emp{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
	.nx .jb-emp__a{justify-self:stretch}
}
@media (max-width:639px){
	.nx .jb-search{flex-direction:column;align-items:stretch}
	.nx .jb-search__go{min-height:52px}
	.nx .jb-card__a{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:14px}
	.nx .jb-card__side{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;text-align:start}
	.nx .jb-head__top{align-items:flex-start}
	.nx .jb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nx .jb-cohead{flex-direction:column;align-items:flex-start}
	.nx .jb-pager{grid-template-columns:1fr 1fr}
	.nx .jb-pager__n{grid-column:1/-1;grid-row:1}
}
@media (max-width:379px){
	.nx .jb-facts{grid-template-columns:minmax(0,1fr)}
	.nx .jb-logo--sm{width:44px;height:44px;border-radius:13px}
}
@media (prefers-reduced-motion:reduce){
	.nx .jb-card,.nx .jb-progress__bar i{transition:none}
	.nx .jb-done__i,.nx .jb-form.is-busy .jb-send .i{animation:none}
}
@media print{.nx .jb-apply,.nx .jb-side,.nx .jb-mbar,.nx .jb-emp{display:none}.nx .jb-layout{display:block}}

/* ---------------------------------------------------------------- board v2 (owner 2026-10-19): how to apply, why, employer band */
/* how to apply */
.nx .jb-sec__head{display:grid;justify-items:center;gap:6px;margin-bottom:clamp(18px,3vw,28px);text-align:center}
.nx .jb-sec__head .nx-h2{margin:0}
.nx .jb-steps{display:grid;gap:14px;counter-reset:none}
@media (min-width:900px){.nx .jb-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.nx .jb-step{display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px}
.nx .jb-step__n{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:700;color:#fff;background:linear-gradient(145deg,#1FA67D,#0A6249);box-shadow:0 10px 20px -12px rgb(14 122 92/.9)}
.nx .jb-step:nth-child(2) .jb-step__n{background:linear-gradient(145deg,#EBC572,#B3841E)}
.nx .jb-step:nth-child(3) .jb-step__n{background:linear-gradient(145deg,#4C74B8,#2B4F8E)}
.nx .jb-step h3{margin:4px 0 0;font-size:1.08rem;font-weight:600;color:var(--ink)}
.nx .jb-step p{margin:0;line-height:1.75;font-size:.95rem;color:var(--ink-3)}
.nx .jb-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px 22px;margin-top:clamp(18px,3vw,28px)}
.nx .jb-why li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:.9rem;line-height:1.65;color:var(--ink-3)}
.nx .jb-why li>.bi,.nx .jb-why li>.i{width:22px;height:22px;margin-top:2px;color:var(--em-text)}
.nx .jb-why b{display:block;color:var(--ink);font-weight:600}
:root[data-theme="dark"] .nx .jb-step h3,:root[data-theme="dark"] .nx .jb-why b{color:#fff}
@media (max-width:639px){.nx .jb-step{justify-items:center;text-align:center}.nx .jb-why li{grid-template-columns:1fr;justify-items:center;text-align:center}}
/* employer band, richer: copy | a mini pipeline */
.nx .jb-emp--rich{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(18px,3vw,36px);padding:clamp(22px,3.4vw,40px)}
.nx .jb-emp--rich .jb-emp__t{font-size:clamp(1.3rem,1rem + 1vw,1.75rem);line-height:1.35;margin:4px 0 8px}
.nx .jb-emp__pts{display:grid;gap:8px;margin:14px 0 18px}
.nx .jb-emp__pts li{display:flex;align-items:flex-start;gap:8px;font-size:.95rem;color:var(--ink-2)}
.nx .jb-emp__pts .i{flex:none;width:18px;height:18px;margin-top:3px;color:var(--em-text)}
.nx .jb-emp__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.nx .jb-emp__board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-self:stretch}
.nx .jb-emp__board li{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:14px;background:rgb(14 27 44/.04);box-shadow:0 0 0 1px rgb(14 27 44/.05) inset}
.nx .jb-emp__board b{font-size:.78rem;font-weight:600;text-align:center;color:var(--ink-3)}
.nx .jb-emp__board i{display:block;height:34px;border-radius:9px;background:#fff;box-shadow:0 4px 10px -6px rgb(14 27 44/.3)}
.nx .jb-emp__board li.is-on{background:rgb(14 122 92/.1)}
.nx .jb-emp__board li.is-on b{color:var(--em-text)}
.nx .jb-emp__board li.is-on i{background:linear-gradient(135deg,#1FA67D,#0A6249)}
:root[data-theme="dark"] .nx .jb-emp__pts li{color:#D2DAE3}
:root[data-theme="dark"] .nx .jb-emp__board li{background:rgb(255 255 255/.04);box-shadow:0 0 0 1px rgb(255 255 255/.06) inset}
:root[data-theme="dark"] .nx .jb-emp__board i{background:rgb(255 255 255/.12)}
@media (max-width:899px){
	.nx .jb-emp--rich{grid-template-columns:minmax(0,1fr);justify-items:stretch;text-align:start}
	.nx .jb-emp__board{min-height:150px}
}
@media (max-width:639px){
	.nx .jb-emp--rich{text-align:center}
	.nx .jb-emp__pts li{justify-content:center;text-align:start}
	.nx .jb-emp__ctas{justify-content:center}
}
.nx .jb-emp--rich .jb-emp__board{align-self:center;min-height:0}

/* ---------------------------------------------------------------- board v3 (owner 2026-10-19: «first section too large»,
   filters = the job's own attributes): compact band (title + count | search), filter headings with icons, richer cards */
.nx>.gd-hero.jb-hero--compact{padding-bottom:clamp(10px,1.6vw,18px)}
.nx .jb-hero--compact>.nx-hero__bg{-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.nx .jb-hero--compact .jb-hero__in{align-items:stretch;text-align:start}
.nx .jb-hero--compact .gd-crumbs ol{justify-content:flex-start}
.nx .jb-hero__row{display:grid;gap:14px 32px;align-items:center;margin-top:6px}
@media (min-width:900px){.nx .jb-hero__row{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.nx .jb-hero--compact .jb-h1{margin:0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.35rem);line-height:1.3;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nx .jb-h1__n{display:inline-grid;place-items:center;min-width:44px;height:36px;padding-inline:12px;border-radius:999px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1FA67D,#0A6249);box-shadow:0 10px 20px -12px rgb(14 122 92/.9)}
.nx .jb-lead{margin:6px 0 0;max-width:56ch;font-size:.98rem;line-height:1.7;color:var(--ink-3)}
.nx .jb-hero--compact .jb-search{width:100%;margin:0}
.nx .jb-hero--compact .jb-search__go{min-height:54px}
@media (max-width:899px){.nx .jb-hero--compact .jb-hero__in,.nx .jb-hero--compact .jb-hero__copy{text-align:center}.nx .jb-hero--compact .jb-h1{justify-content:center}.nx .jb-lead{margin-inline:auto}.nx .jb-hero--compact .gd-crumbs ol{justify-content:center}}
/* filters */
.nx .jb-fgroup__l{display:flex;align-items:center;gap:6px;font-size:.82rem;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.nx .jb-fgroup__l .i{width:15px;height:15px;color:var(--em-text)}
.nx .jb-fgroup+.jb-fgroup{padding-top:14px;border-top:1px solid var(--line)}
.nx .jb-chip.is-on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#1FA67D,#0A6249)}
.nx .jb-chip.is-on .gd-chip__n{color:#fff;background:rgb(255 255 255/.22)}
.nx .jb-chip__ok{width:14px;height:14px;flex:none}
/* cards */
.nx .jb-list{display:grid;gap:12px}
.nx .jb-card__a{padding:18px 20px;gap:12px 18px}
.nx .jb-card .jb-logo--sm{width:56px;height:56px;border-radius:16px}
.nx .jb-card__t{font-size:1.08rem;font-weight:600;line-height:1.4}
.nx .jb-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px}
.nx .jb-card__meta>*+*::before{content:"·";margin-inline-end:10px;color:var(--ink-4)}
.nx .jb-card__meta .jb-card__date{font-size:var(--fs-xs)}
.nx .jb-card .jb-tags{margin-top:10px}
.nx .jb-card__side{align-self:center;gap:10px}
.nx .jb-card__cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;font-size:.88rem;font-weight:600;white-space:nowrap;color:var(--em-text);background:rgb(14 122 92/.08);box-shadow:0 0 0 1px rgb(14 122 92/.18) inset;transition:background-color .2s,color .2s}
.nx .jb-card__cta .i{width:15px;height:15px}
.nx .jb-card:hover .jb-card__cta{color:#fff;background:linear-gradient(135deg,#1FA67D,#0A6249);box-shadow:none}
:root[data-theme="dark"] .nx .jb-card__cta{color:#7FD8B8;background:rgb(127 216 184/.1);box-shadow:0 0 0 1px rgb(127 216 184/.22) inset}
@media (max-width:639px){.nx .jb-card__side{justify-content:space-between}.nx .jb-card__cta{padding:8px 14px}}

/* ---------------------------------------------------------------- job page v2 (owner 2026-10-19 «enhance the job view»):
   header actions (apply + share), facts in an even grid with the salary first, check bullets, a lean side card */
.nx .jb-head__top{flex-wrap:wrap}
.nx .jb-head__c{flex:1;min-width:min(100%,260px)}
.nx .jb-head__acts{display:grid;justify-items:end;gap:10px;margin-inline-start:auto}
.nx .jb-head__apply{min-height:48px;padding-inline:22px;gap:8px;border-radius:14px}
.nx .jb-share{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-xs);color:var(--ink-4)}
.nx .jb-share>span{margin-inline-end:4px}
.nx .jb-share a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--ink-3);background:var(--gd-soft);border:1px solid var(--line);transition:color .2s,background-color .2s}
.nx .jb-share a:hover{color:#fff;background:#0E7A5C;border-color:transparent}
.nx .jb-share .i{width:16px;height:16px}
.nx .jb-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.nx .jb-fact{padding:12px 14px}
.nx .jb-fact__x{min-width:0}
.nx .jb-fact__x b{display:block;overflow-wrap:anywhere}
.nx .jb-fact--pay b{white-space:nowrap}
.nx .jb-head__date span{white-space:nowrap}
/* description: headings with an accent, bullets as green checks */
.nx .jb-prose h3{display:flex;align-items:center;gap:10px}
.nx .jb-prose h3::before{content:"";flex:none;width:4px;height:1.1em;border-radius:4px;background:linear-gradient(#1FA67D,#E0A526)}
.nx .jb-prose ul{list-style:none;padding:0}
.nx .jb-prose ul>li{position:relative;padding-inline-start:30px}
.nx .jb-prose ul>li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:20px;height:20px;border-radius:50%;
	background:rgb(14 122 92/.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7A5C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
:root[data-theme="dark"] .nx .jb-prose ul>li::before{background-color:rgb(127 216 184/.16)}
/* side card */
.nx .jb-panel__due{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:12px;font-size:.9rem;color:var(--ink-2);background:var(--gd-soft);border:1px solid var(--line)}
.nx .jb-panel__due .bi{flex:none;width:18px;height:18px;color:var(--em-text)}
.nx .jb-panel__due b{color:var(--ink)}
@media (max-width:899px){.nx .jb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.nx .jb-fact--pay{grid-column:1/-1}}
@media (max-width:639px){
	.nx .jb-head__acts{justify-items:stretch;width:100%;margin:0}
	.nx .jb-head__apply{display:none}  /* phones: the fixed bottom «Apply now» */
	.nx .jb-share{justify-content:center}
}
