/* Find Job (ported from Vacancy Identifier 2026-10-14), styled like simplify.jobs: everything here is scoped to
   #sec-findjob. The colours come from css/app.css's tokens (--fj-* point at them), so the page follows light and dark. */
/* Find Job, styled like simplify.jobs (Max 2026-10-13: the mock-up "AGREED ... ship it, keep the original side panels
   styles for others"): everything here is scoped to this panel. Colours and sizes are Simplify's own computed values. */
#sec-findjob{--fj-bg:var(--page);--fj-surface:var(--surface);--fj-hover:var(--hover);--fj-chip:var(--chip);--fj-line:var(--line);--fj-line2:var(--line2);
  --fj-ink:var(--ink);--fj-ink2:var(--ink2);--fj-ink3:var(--ink3);--fj-brand:var(--brand);--fj-brand-h:var(--brand-h);--fj-brand-d:var(--brand-d);
  --fj-tint:var(--tint);--fj-tint2:color-mix(in oklch,var(--tint) 35%,transparent);--fj-tintline:color-mix(in oklch,var(--brand-d) 30%,transparent);
  --fj-m5:#15803D;--fj-m4:#22C55E;--fj-m3:#F59E0B;--fj-m2:#A3A3A3;--fj-m1:#D4D4D4;--fj-warn:var(--warn);--fj-warn-s:var(--warn-s);--fj-good-s:var(--good-s);--fj-good:var(--good);
  --fj-pop-bg:color-mix(in oklch,var(--surface) 97%,transparent);
  --fj-soft:0 1px 10px rgba(0,0,0,.008),0 3px 10px -2px rgba(0,0,0,.016),0 6px 16px rgba(0,0,0,.02);
  --fj-pop:0 0 0 1px var(--fj-line),0 10px 15px -3px rgba(0,0,0,.06),0 4px 6px -4px rgba(0,0,0,.06);
  font-family:"Circular Std","Figtree",ui-sans-serif,system-ui,sans-serif,"Noto Sans Thai";color:var(--fj-ink)}
#sec-findjob button,#sec-findjob input,#sec-findjob select{font-family:inherit;color:inherit}
#sec-findjob svg.fj-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#sec-findjob .fj-sp{flex:1}
#sec-findjob .fj-stabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--fj-line);margin-bottom:16px}
#sec-findjob .fj-stab{border:0;background:transparent;padding:10px 0 11px;font-size:16px;color:var(--fj-ink3);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;cursor:pointer}
#sec-findjob .fj-stab:hover:not(:disabled){color:var(--fj-ink)}
#sec-findjob .fj-stab.on{color:var(--fj-ink);border-bottom-color:var(--fj-brand)}
#sec-findjob .fj-stab svg{color:var(--fj-brand);width:14px;height:14px}
#sec-findjob .fj-stab:disabled{cursor:not-allowed;opacity:.55}#sec-findjob .fj-stab.on:disabled{opacity:1;cursor:default}
#sec-findjob .fj-view{display:grid;gap:14px}#sec-findjob .fj-view>*{min-width:0}
#sec-findjob .fj-pane{background:var(--fj-surface);border:1px solid var(--fj-line);border-radius:10px}
#sec-findjob .fj-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:8px 16px;border-radius:10px;border:1px solid var(--fj-line);background:var(--fj-surface);color:var(--fj-ink);font-weight:500;font-size:14px;line-height:20px;white-space:nowrap;box-shadow:var(--fj-soft);cursor:pointer}
#sec-findjob a.fj-btn,#sec-findjob a.fj-btn:hover{text-decoration:none}
#sec-findjob .fj-btn:hover:not(:disabled){background:var(--fj-hover)}
#sec-findjob .fj-btn:disabled{opacity:.45;cursor:not-allowed}
#sec-findjob .fj-btn.pri{background:var(--fj-brand);border-color:var(--fj-brand);color:#fff}
#sec-findjob .fj-btn.pri:hover:not(:disabled){background:var(--fj-brand-h);border-color:var(--fj-brand-h)}
#sec-findjob .fj-btn.sm{height:32px;padding:0 12px;font-size:13px}#sec-findjob .fj-btn svg{width:15px;height:15px}
/* AI retouch (js/retouch.js): the brand blue, deepening to indigo, with the sparkle mark */
#sec-findjob .fj-btn.fj-ai{background:linear-gradient(135deg,var(--fj-brand),oklch(.55 .15 262));border-color:transparent;color:#fff;font-weight:600}
#sec-findjob .fj-btn.fj-ai:hover:not(:disabled){background:linear-gradient(135deg,var(--fj-brand-h),oklch(.5 .15 262))}
#sec-findjob .fj-btn.fj-ai svg{width:15px;height:15px;fill:currentColor;stroke:none}
#sec-findjob .fj-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:var(--fj-chip);font-size:13px;font-weight:500;line-height:18px;color:var(--fj-ink);white-space:nowrap}
#sec-findjob .fj-chip.cy{background:var(--fj-tint);color:var(--fj-brand-d)}
#sec-findjob .fj-chips{display:flex;flex-wrap:wrap;gap:6px}
#sec-findjob .fj-h2{margin:0;font-size:18px;font-weight:600}
#sec-findjob .fj-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--fj-line)}
#sec-findjob .fj-empty{padding:40px 16px;text-align:center;color:var(--fj-ink3);font-size:14px}
#sec-findjob .fj-empty b{display:block;color:var(--fj-ink);font-size:16px;margin-bottom:12px}
#sec-findjob input[type=checkbox],#sec-findjob input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;flex:none;border:1.5px solid var(--fj-line2);background:var(--fj-surface);cursor:pointer}
#sec-findjob input[type=checkbox]{border-radius:4px}
#sec-findjob input[type=checkbox]:checked{background:var(--fj-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--fj-brand)}
#sec-findjob input[type=radio]{border-radius:50%}#sec-findjob input[type=radio]:checked{border:5px solid var(--fj-brand)}
/* 1. Candidate */
#sec-findjob .fj-sec{padding:18px 18px 0}
#sec-findjob .fj-cands{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px 18px 18px}
#sec-findjob .fj-cand{text-align:left;border:1px solid var(--fj-line);border-radius:10px;background:var(--fj-surface);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;min-width:0}
#sec-findjob .fj-cand:focus-visible{outline:2px solid var(--fj-brand);outline-offset:2px}
#sec-findjob .fj-cand:hover{background:var(--fj-hover)}
#sec-findjob .fj-cand.on{background:var(--fj-tint);border-color:var(--fj-tintline)}
#sec-findjob .fj-top2{display:flex;gap:12px;align-items:center;min-width:0}
#sec-findjob .fj-av{width:40px;height:40px;border-radius:8px;background:var(--fj-brand);color:#fff;display:grid;place-items:center;font-weight:600;flex:none;overflow:hidden}
#sec-findjob .fj-av img{width:100%;height:100%;object-fit:cover}
#sec-findjob .fj-nm{font-size:16px;font-weight:500;line-height:20px}#sec-findjob .fj-rl{font-size:14px;color:var(--fj-ink3)}
#sec-findjob .fj-cr{font-size:13px;color:var(--fj-ink3)}#sec-findjob .fj-cr b{color:var(--fj-ink);font-weight:500}
/* the card's last search (Review jobs) */
#sec-findjob .fj-hist{margin-top:auto;padding-top:12px;border-top:1px solid var(--fj-line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#sec-findjob .fj-cand.on .fj-hist{border-top-color:var(--fj-tintline)}
#sec-findjob .fj-hl{flex:1 1 150px;min-width:0;display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--fj-ink3)}
#sec-findjob .fj-hl b{color:var(--fj-ink);font-weight:500}#sec-findjob .fj-hl svg.fj-i{width:14px;height:14px;margin-top:2px}
/* Working */
#sec-findjob .fj-run{padding:22px;display:grid;gap:12px}
#sec-findjob .fj-run h3{margin:0;font-size:16px;font-weight:600}
#sec-findjob .fj-rs{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fj-ink3)}
#sec-findjob .fj-rs i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--fj-line2);display:grid;place-items:center;flex:none}
#sec-findjob .fj-rs.on{color:var(--fj-ink)}#sec-findjob .fj-rs.on i{border-color:var(--fj-brand);border-top-color:transparent;animation:fjspin .8s linear infinite}
#sec-findjob .fj-rs.done{color:var(--fj-ink2)}#sec-findjob .fj-rs.done i{background:var(--fj-brand);border-color:var(--fj-brand);color:#fff}#sec-findjob .fj-rs.done i svg{width:11px;height:11px;stroke-width:3}
#sec-findjob .fj-rs.err{color:var(--fj-warn)}#sec-findjob .fj-rs.err i{border-color:var(--fj-warn)}
#sec-findjob .fj-rs small{margin-left:auto;color:var(--fj-ink3);font-size:13px}
@keyframes fjspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#sec-findjob .fj-rs.on i{animation:none}}
/* 2. Jobs: the bar */
#sec-findjob .fj-bar{display:flex;align-items:flex-start;gap:8px;flex-wrap:nowrap;position:relative}
#sec-findjob .fj-sbox{flex:1 1 420px;min-width:260px;display:flex;align-items:flex-start;gap:6px;min-height:36px;border:1px solid var(--fj-line);border-radius:18px;padding:4px 6px 4px 12px;background:var(--fj-surface);box-shadow:var(--fj-soft);cursor:text}
#sec-findjob .fj-sbox:focus-within{border-color:var(--fj-line2)}
#sec-findjob .fj-sbox>svg{width:16px;height:16px;color:var(--fj-ink3);margin:5px 2px 0 0;flex:none}
#sec-findjob .fj-kws{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
#sec-findjob .fj-kw{flex:none;display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 3px 0 10px;border-radius:9999px;background:var(--fj-tint);color:var(--fj-brand-d);font-size:13px;font-weight:500;line-height:18px;white-space:nowrap}
#sec-findjob .fj-kw button{width:20px;height:20px;border-radius:50%;border:0;background:transparent;color:var(--fj-brand-d);display:grid;place-items:center;padding:0;cursor:pointer}
#sec-findjob .fj-kw button:hover{background:color-mix(in oklch,var(--fj-brand-d) 15%,transparent)}#sec-findjob .fj-kw button svg{width:11px;height:11px;stroke-width:2.4}
#sec-findjob .fj-sbox input{flex:1 0 120px;min-width:120px;border:0;background:transparent;height:26px;font-size:16px;color:var(--fj-ink);outline:none;padding:0}
#sec-findjob .fj-sbox input::placeholder,#sec-findjob .fj-dsrch input::placeholder{color:var(--fj-ink3)}
#sec-findjob .fj-fbtns{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;margin-left:auto}
#sec-findjob .fj-pw{position:relative}
#sec-findjob .fj-fb{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 14px;border:1px solid var(--fj-line);border-radius:9999px;background:var(--fj-surface);font-size:14px;line-height:20px;letter-spacing:-.084px;color:var(--fj-ink);white-space:nowrap;box-shadow:var(--fj-soft);cursor:pointer}
#sec-findjob .fj-fb:hover,#sec-findjob .fj-fb.open{background:var(--fj-hover)}
#sec-findjob .fj-fb>svg{width:14px;height:14px;margin:0 3px;color:var(--fj-ink3)}
#sec-findjob .fj-n{min-width:20px;height:20px;border-radius:9999px;background:var(--fj-chip);font:500 11px/20px system-ui,sans-serif;display:grid;place-items:center;padding:0 6px;color:var(--fj-ink);font-variant-numeric:tabular-nums}
#sec-findjob .fj-fsep{width:1px;height:24px;background:var(--fj-line);margin:6px 2px 0}
#sec-findjob .fj-ib{width:36px;height:36px;border:1px solid var(--fj-line);border-radius:9999px;background:var(--fj-surface);display:grid;place-items:center;padding:0;color:var(--fj-ink);position:relative;box-shadow:var(--fj-soft);cursor:pointer}
#sec-findjob .fj-ib:hover{background:var(--fj-hover)}
#sec-findjob .fj-ib.open,#sec-findjob .fj-ib.act{border-color:var(--fj-brand);color:var(--fj-brand);box-shadow:0 0 0 1px var(--fj-brand)}
#sec-findjob .fj-ib.act svg{fill:currentColor}
#sec-findjob .fj-ib svg{width:16px;height:16px}#sec-findjob .fj-ib .fj-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;font-size:11px;line-height:18px;border:1px solid var(--fj-surface)}
#sec-findjob .fj-dd{position:absolute;top:calc(100% + 6px);left:0;z-index:15;width:256px;background:var(--fj-pop-bg);backdrop-filter:blur(8px);border-radius:10px;box-shadow:var(--fj-pop);padding:4px}
#sec-findjob .fj-dd.r{left:auto;right:0}#sec-findjob .fj-dd.w{width:340px}
#sec-findjob .fj-scroll{max-height:300px;overflow:auto}
#sec-findjob .fj-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:32px;border-radius:6px;font-size:14px;line-height:20px;cursor:pointer}
#sec-findjob .fj-opt:hover{background:var(--fj-hover)}#sec-findjob .fj-opt.sub{padding-left:34px}
#sec-findjob .fj-oc{margin-left:auto;padding-left:8px;font-size:12px;color:var(--fj-ink3);font-variant-numeric:tabular-nums}
#sec-findjob .fj-negr{padding:0 4px 4px}
#sec-findjob .fj-crow{display:flex;align-items:center}#sec-findjob .fj-crow .fj-opt{flex:1;min-width:0}
#sec-findjob .fj-xp{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--fj-ink3);display:grid;place-items:center;padding:0;flex:none;cursor:pointer}
#sec-findjob .fj-xp:hover{background:var(--fj-hover)}#sec-findjob .fj-xp svg{width:14px;height:14px;transition:transform .15s}#sec-findjob .fj-xp.on svg{transform:rotate(90deg)}
#sec-findjob .fj-dsrch{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;margin:-4px -4px 4px;border-bottom:1px solid var(--fj-line)}
#sec-findjob .fj-dsrch svg{width:14px;height:14px;color:var(--fj-ink3)}#sec-findjob .fj-dsrch input{flex:1;min-width:0;border:0;background:transparent;font-size:14px;color:var(--fj-ink);outline:none;height:34px;padding:0}
#sec-findjob .fj-ddf{padding:8px 8px 4px;margin-top:4px;border-top:1px solid var(--fj-line)}
#sec-findjob .fj-clr{border:0;background:transparent;padding:4px 6px;margin-left:-6px;border-radius:6px;color:var(--fj-brand);font-size:14px;font-weight:500;cursor:pointer}
#sec-findjob .fj-clr:hover:not(:disabled){background:var(--fj-tint2)}#sec-findjob .fj-clr:disabled{color:var(--fj-ink3);cursor:default}
#sec-findjob .fj-avgl{padding:8px 8px 10px;border-bottom:1px solid var(--fj-line);margin-bottom:4px}
#sec-findjob .fj-avgl small{display:block;font-size:12px;color:var(--fj-ink3)}
#sec-findjob .fj-avgl b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}#sec-findjob .fj-avgl span{font-size:13px;color:var(--fj-ink3);margin-left:6px}
#sec-findjob .fj-utabs{display:flex;gap:16px;padding:2px 8px 0;border-bottom:1px solid var(--fj-line)}
#sec-findjob .fj-utabs button{border:0;background:transparent;padding:6px 0 8px;font-size:14px;color:var(--fj-ink3);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#sec-findjob .fj-utabs button.on{color:var(--fj-ink);border-bottom-color:var(--fj-brand)}
#sec-findjob .fj-ft{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 8px 6px}
#sec-findjob .fj-ft label{display:grid;gap:5px;font-size:12px;color:var(--fj-ink3)}
#sec-findjob .fj-ft select,#sec-findjob .fj-tsel{height:36px;border:1px solid var(--fj-line);border-radius:10px;background:var(--fj-surface);padding:0 8px;font-size:14px;color:var(--fj-ink)}
#sec-findjob .fj-menu{width:250px}
#sec-findjob .fj-mlbl{font-size:12px;color:var(--fj-ink3);padding:10px 8px 2px}
#sec-findjob .fj-mrow{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:7px 8px;border-radius:6px;font-size:14px;color:var(--fj-ink);text-align:left;cursor:pointer}
#sec-findjob .fj-mrow:hover,#sec-findjob .fj-mrow.on{background:var(--fj-hover)}#sec-findjob .fj-mrow svg{width:14px;height:14px;color:var(--fj-ink3);margin-left:auto}
#sec-findjob .fj-subm{position:absolute;top:0;right:calc(100% + 8px);width:220px;background:var(--fj-pop-bg);border-radius:10px;box-shadow:var(--fj-pop);padding:4px}
#sec-findjob .fj-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#sec-findjob .fj-pst{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--fj-ink2)}
#sec-findjob .fj-spin{width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid var(--fj-brand);border-top-color:transparent;animation:fjspin .8s linear infinite}
@media (prefers-reduced-motion:reduce){#sec-findjob .fj-spin{animation:none}}
#sec-findjob .fj-est{font-size:13px;color:var(--fj-ink3);min-width:210px;text-align:right}#sec-findjob .fj-tools [data-fjpull]{min-width:152px}#sec-findjob .fj-est b{color:var(--fj-ink);font-weight:600}
/* 2. Jobs: list and detail */
#sec-findjob .fj-two{display:grid;grid-template-columns:420px minmax(0,1fr);background:var(--fj-surface);border:1px solid var(--fj-line);border-radius:16px;overflow:hidden}
#sec-findjob .fj-list,#sec-findjob .fj-det{display:flex;flex-direction:column;height:min(760px,calc(100vh - 170px));min-height:520px;overflow:hidden}
#sec-findjob .fj-list{border-right:1px solid var(--fj-line)}
#sec-findjob .fj-lhd{display:flex;align-items:center;gap:6px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--fj-line)}
#sec-findjob .fj-lhd .fj-cnt{font-size:12px;line-height:16px;color:var(--fj-ink3)}
#sec-findjob .fj-lhd select{height:28px;border:0;background:transparent;font-size:13px;font-weight:500;color:var(--fj-ink);padding:0 4px;border-radius:6px;cursor:pointer}
#sec-findjob .fj-lhd select:hover{background:var(--fj-hover)}
#sec-findjob .fj-lhd .fj-cnt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sec-findjob .fj-bad{color:var(--fj-warn)}
#sec-findjob .fj-hb{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px 0 10px;border:1px solid var(--fj-line);border-radius:9999px;background:var(--fj-surface);font-size:13px;font-weight:500;color:var(--fj-ink);white-space:nowrap;cursor:pointer}
#sec-findjob .fj-hb:hover,#sec-findjob .fj-hb.open{background:var(--fj-hover)}#sec-findjob .fj-hb svg{width:12px;height:12px;color:var(--fj-ink3)}
#sec-findjob .fj-hi{width:28px;height:28px;flex:none;border:1px solid var(--fj-line);border-radius:9999px;background:var(--fj-surface);display:grid;place-items:center;padding:0;color:var(--fj-ink);cursor:pointer}
#sec-findjob .fj-hi:hover{background:var(--fj-hover)}#sec-findjob .fj-hi svg{width:14px;height:14px}#sec-findjob .fj-hi.act{border-color:var(--fj-brand);color:var(--fj-brand)}#sec-findjob .fj-hi.act svg{fill:currentColor}
#sec-findjob .fj-rows{flex:1;overflow-y:auto}
#sec-findjob .fj-row{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:12px;padding:16px;cursor:pointer}
#sec-findjob .fj-row:hover{background:var(--fj-hover)}#sec-findjob .fj-row.sel{background:var(--fj-tint)}
/* A company's real logo on white; with none, a plain building (never made-up initials). */
#sec-findjob .fj-logo{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;flex:none;background:#fff;border:1px solid var(--fj-line);color:var(--fj-ink3)}
#sec-findjob .fj-logo.none{background:var(--fj-chip);border-color:transparent}
#sec-findjob .fj-logo svg.fj-i{width:20px;height:20px}
#sec-findjob .fj-logo.lg{width:48px;height:48px}#sec-findjob .fj-logo.lg svg.fj-i{width:24px;height:24px}
#sec-findjob .fj-row .t{font-size:16px;font-weight:500;line-height:20px}
#sec-findjob .fj-row .c,#sec-findjob .fj-row .m2{font-size:14px;line-height:19.25px;color:var(--fj-ink3);margin-top:2px}
#sec-findjob .fj-row .a{font-size:12px;line-height:18px;color:var(--fj-ink3);margin-top:3px}#sec-findjob .fj-row .a b{font-weight:500}
#sec-findjob .fj-bm{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--fj-ink);display:grid;place-items:center;padding:0;align-self:start;cursor:pointer}
#sec-findjob .fj-bm:hover{background:var(--fj-line)}#sec-findjob .fj-bm.on svg{fill:currentColor}
#sec-findjob .fj-lv5,#sec-findjob .fj-lv4{color:var(--fj-good)}#sec-findjob .fj-lv3{color:var(--fj-warn)}#sec-findjob .fj-lv2,#sec-findjob .fj-lv1,#sec-findjob .fj-lv0{color:var(--fj-ink3)}
#sec-findjob .fj-dtop{display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--fj-line);min-height:56px;flex-wrap:wrap}
#sec-findjob .fj-dtabs{display:flex;gap:24px;align-self:stretch}
#sec-findjob .fj-dtabs button{border:0;background:transparent;font-size:16px;color:var(--fj-ink3);border-bottom:2px solid transparent;margin-bottom:-1px;padding:0;cursor:pointer}
#sec-findjob .fj-dtabs button.on{color:var(--fj-ink);border-bottom-color:var(--fj-ink)}
#sec-findjob .fj-dbody{flex:1;overflow-y:auto;padding:20px}
#sec-findjob .fj-cohead{display:flex;gap:12px;align-items:center}
#sec-findjob .fj-coname{font-size:18px;font-weight:500;line-height:24px}#sec-findjob .fj-cotag{font-size:14px;color:var(--fj-ink3)}
#sec-findjob .fj-jt{margin:18px 0 14px;font-size:24px;font-weight:700;line-height:32px;text-wrap:balance}
#sec-findjob .fj-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--fj-line)}
#sec-findjob .fj-facts div{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:20px;font-weight:700}
#sec-findjob .fj-facts svg{width:20px;height:20px;color:var(--fj-ink)}
#sec-findjob .fj-about{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
#sec-findjob .fj-ahd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#sec-findjob .fj-ahd h2{margin:0;font-size:24px;line-height:32px;font-weight:700}
#sec-findjob .fj-seg{display:inline-flex;border:1px solid var(--fj-line2);background:var(--fj-hover);border-radius:9999px;padding:0;margin-left:auto;height:32px;box-shadow:var(--fj-soft)}
#sec-findjob .fj-seg button{border:0;background:transparent;border-radius:9999px;padding:0 12px;font-size:14px;color:var(--fj-ink3);cursor:pointer}
#sec-findjob .fj-seg button.on{background:var(--fj-surface);color:var(--fj-ink);box-shadow:0 0 0 1px var(--fj-line2)}
#sec-findjob .fj-about h3{margin:16px 0 8px;font-size:18px;line-height:28px;font-weight:700}
#sec-findjob .fj-about p{margin:0 0 8px;font-size:14px;line-height:20px;color:var(--fj-ink)}
#sec-findjob .fj-about ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:20px;color:var(--fj-ink)}
#sec-findjob .fj-full{white-space:pre-line;font-size:14px;line-height:20px;color:var(--fj-ink)}
#sec-findjob .fj-mcard{border:1px solid var(--fj-tintline);border-radius:16px;padding:16px;background:linear-gradient(to right bottom,var(--fj-tint),color-mix(in oklch,var(--fj-tint) 10%,transparent));display:grid;gap:16px}
#sec-findjob .fj-mh{display:flex;align-items:center;gap:10px;font-size:16px;line-height:24px;font-weight:700}
#sec-findjob .fj-mh svg{width:32px;height:32px;color:var(--fj-brand);stroke-width:1.5}
#sec-findjob .fj-mn{font-size:14px}#sec-findjob .fj-mn b{font-weight:600}
#sec-findjob .fj-why{font-size:13px;color:var(--fj-ink2);margin:0}
#sec-findjob .fj-kc{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:13px;line-height:18px;font-weight:500;border:1px solid var(--fj-line);background:var(--fj-surface)}
#sec-findjob .fj-kc.y{background:color-mix(in oklch,var(--fj-tint) 70%,transparent);border-color:transparent;color:var(--fj-brand-d)}#sec-findjob .fj-kc svg{width:13px;height:13px;flex:none}
#sec-findjob .fj-kc.n{color:var(--fj-ink2)}#sec-findjob .fj-kc.n svg{color:var(--fj-ink3)}
#sec-findjob .fj-req{display:grid;gap:8px}#sec-findjob .fj-req>small{font-size:12px;line-height:16px;font-weight:500;color:var(--fj-ink3)}
#sec-findjob .fj-lvl{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
#sec-findjob .fj-m{display:inline-flex;gap:3px}#sec-findjob .fj-m i{width:12px;height:5px;border-radius:2px;background:var(--fj-line)}
#sec-findjob .fj-m.l5 i{background:var(--fj-m5)}#sec-findjob .fj-m.l4 i:nth-child(-n+4){background:var(--fj-m4)}#sec-findjob .fj-m.l3 i:nth-child(-n+3){background:var(--fj-m3)}#sec-findjob .fj-m.l2 i:nth-child(-n+2){background:var(--fj-m2)}#sec-findjob .fj-m.l1 i:nth-child(1){background:var(--fj-m1)}
#sec-findjob .fj-cofacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
#sec-findjob .fj-cofacts small{display:block;font-size:12px;color:var(--fj-ink3)}#sec-findjob .fj-cofacts span{font-size:14px;font-weight:500}
@media (max-width:1500px){#sec-findjob .fj-bar,#sec-findjob .fj-fbtns{flex-wrap:wrap}}
@media (max-width:1150px){#sec-findjob .fj-about{grid-template-columns:1fr}}
@media (max-width:1000px){#sec-findjob .fj-two{grid-template-columns:1fr}#sec-findjob .fj-list,#sec-findjob .fj-det{height:auto;min-height:0}#sec-findjob .fj-list{border-right:0;border-bottom:1px solid var(--fj-line)}#sec-findjob .fj-rows{max-height:420px}
  #sec-findjob .fj-pw{position:static}#sec-findjob .fj-dd,#sec-findjob .fj-dd.r,#sec-findjob .fj-dd.w,#sec-findjob .fj-menu{left:0;right:0;width:auto}
  #sec-findjob .fj-subm{position:static;width:auto;box-shadow:none;border-left:2px solid var(--fj-line);border-radius:0;margin:2px 0 6px 12px;padding:0 0 0 4px}#sec-findjob .fj-fbtns{margin-left:0}}
@media (max-width:640px){#sec-findjob .fj-facts,#sec-findjob .fj-cofacts{grid-template-columns:1fr 1fr}}

/* RecruiterMate: the Company tab shows the company's own page (its logo over the initials, tagline, About, facts) */
#sec-findjob .fj-logo{position:relative;overflow:hidden}
#sec-findjob .fj-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
#sec-findjob .fj-co>[data-fjcoall]{margin-top:18px}
#sec-findjob .fj-co{margin-top:20px}
#sec-findjob .fj-costate{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;line-height:20px;color:var(--fj-ink2)}
#sec-findjob .fj-cotl{margin:12px 0 0;font-size:16px;line-height:24px;font-weight:500;color:var(--fj-ink)}
#sec-findjob .fj-coab{margin-top:10px;font-size:14px;line-height:20px;color:var(--fj-ink);white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
#sec-findjob .fj-coab.open{display:block;-webkit-line-clamp:unset;line-clamp:none}
#sec-findjob .fj-more{border:0;background:transparent;padding:2px 0;margin-top:4px;color:var(--fj-brand-d);font-size:14px;font-weight:500;cursor:pointer}
#sec-findjob .fj-more:hover{text-decoration:underline}
#sec-findjob .fj-co .fj-cofacts{margin-top:20px;gap:16px 12px}
#sec-findjob .fj-cofacts span{overflow-wrap:anywhere}
#sec-findjob .fj-cofacts a{font-size:14px;font-weight:500;color:var(--fj-brand-d);text-decoration:none;overflow-wrap:anywhere}#sec-findjob .fj-cofacts a:hover{text-decoration:underline}
/* RecruiterMate: nothing moves when a filter changes. The estimate keeps its line when it is empty; the Match button is
   as wide as its widest value; at phone width the list header holds its Match menu. */
#sec-findjob .fj-est{min-height:20px}
#sec-findjob .fj-stk{display:inline-grid;text-align:left}#sec-findjob .fj-stk>span{grid-area:1/1}#sec-findjob .fj-stk>span.off{visibility:hidden}
#sec-findjob .fj-lhd{position:relative}
@media (max-width:520px){#sec-findjob .fj-lhd{flex-wrap:wrap;row-gap:6px}#sec-findjob .fj-lhd .fj-cnt{flex:1 0 100%}}