/* PeopleSeek Talent: the browse pages (occupations, industries, countries) and the
   API, MCP and Skills pages. A layer over the owner's export (/brand/job-site/talent.css):
   only jb- classes and jb- descendants of export classes, only the export's tokens, so
   light and dark follow :root[data-theme="dark"] with no rule here. Tables and code
   blocks scroll inside themselves; the page never scrolls sideways. */

/* ---------- hero additions ---------- */
.jb-hero .sub{overflow-wrap:anywhere}
.jb-count{margin-top:18px;font-size:15px;color:var(--mute)}
.jb-count strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.jb-count a{color:var(--ink);text-underline-offset:3px}
.jb-note{margin-top:14px;font-size:14px;color:var(--mute)}
.jb-pages{margin-top:28px;display:flex;flex-wrap:wrap;gap:6px}
.jb-pages a{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:7px;font-size:13px;font-weight:500;color:var(--mute);text-decoration:none;transition:color .15s,background-color .15s,border-color .15s}
.jb-pages a:hover{color:var(--ink);border-color:var(--line2)}
.jb-pages a[aria-current="page"]{background:var(--bg2);color:var(--ink);border-color:var(--line2)}

/* ---------- list bands ---------- */
.jb-h2{font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.15;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
.jb-h2+.tblw,.jb-h2+.jb-vals,.jb-h2+.jb-note{margin-top:20px}
.jb-rhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:20px}
.jb-rhead>p{font-family:var(--mono);font-size:13px;color:var(--mute)}

/* counts tables (the export's .tbl) */
.jb-tbl td:first-child{white-space:normal;min-width:12rem}
.jb-tbl a{color:var(--ink);font-weight:500;text-decoration:none;text-underline-offset:3px}
.jb-tbl a:hover{text-decoration:underline}
.jb-tbl .jb-num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.jb-tbl th.jb-num{white-space:normal;color:var(--mute)}
@media (max-width:640px){.jb-tbl td:first-child{min-width:9rem}}
.jb-tbl .jb-code,.jb-vals .jb-code{font-family:var(--mono);font-size:12px;color:var(--mute);margin-left:6px}
.jb-tbl-api td:nth-child(2){min-width:14rem}
.jb-tbl-api .jb-params{font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--mute);min-width:16rem}

/* related groups as the export's value chips, here links */
.jb-vals a{display:inline-flex;align-items:baseline;font-size:13.5px;background:var(--tag);border-radius:6px;padding:4px 9px;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.jb-vals a:hover{background:var(--line)}

/* ---------- reference pages (the export's .docs) ---------- */
.jb-docs code.i{overflow-wrap:anywhere}
.jb-docs .lead a,.jb-docs .callout a,.jb-docs .kvc a{color:var(--ink);text-underline-offset:3px}
.jb-docs .kvc .vals{margin-top:2px}
.jb-code-card{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;min-width:0}
.jb-code-card pre.code{white-space:pre;overflow-x:auto}
.jb-docs .skill .sl{flex-wrap:wrap;gap:8px 16px}
.jb-docs .skill .sl a{overflow-wrap:anywhere}
.jb-url code{overflow-wrap:anywhere}