/* Hiring signal (js/signals.js): the 4th tab of a company on the Companies and decision makers page (the same panel on
   the company pop-up, the hiring signal agent's page and Find Job's Hiring signal tab: #sec-findjob .fjhs), and the badge on its
   row. App tokens, so it follows light and dark. The marks are one hue (a single series each: the bars, the lines, the
   dots); the outlook colours are the status ones and always sit beside their word. */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs){--hs-mark:var(--brand-d);--hs-mark-h:oklch(.45 .09 218.497)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs){--hs-mark:var(--brand);--hs-mark-h:oklch(.74 .11 218)}}
:root[data-theme="dark"] :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs){--hs-mark:var(--brand);--hs-mark-h:oklch(.74 .11 218)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs{display:grid;gap:20px;padding:4px 0 8px;font-size:14px;line-height:20px;min-width:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs a{color:var(--brand-d);text-decoration:none}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs a:hover{text-decoration:underline}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs a .hs-i{width:12px;height:12px;margin-left:3px;vertical-align:-1px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
/* the AI button: the brand blue deepening to indigo, as AI retouch's */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .co-btn.hs-ai{background:linear-gradient(135deg,var(--brand),oklch(.55 .15 262));border:0;color:#fff;font-weight:600}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .co-btn.hs-ai:hover{filter:brightness(.95)}
/* empty */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-empty{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px 14px;padding:20px;border:1px solid var(--line);border-radius:14px;align-items:start}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),oklch(.55 .15 262))}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-badge .hs-i{width:22px;height:22px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et{align-self:center}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et b{display:block;font-size:16px;line-height:22px;font-weight:700}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ea{grid-column:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-cost{font-size:13px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-note{grid-column:2;display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-note .hs-i{color:var(--warn);margin-top:2px}
/* running */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-run{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;color:var(--ink3);font-size:13.5px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps li.on{background:var(--tint);color:var(--ink);font-weight:600}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps li.ok{color:var(--ink)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps li.ok .hs-mk{color:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-steps li.bad{color:var(--bad)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-mk{width:20px;height:20px;display:grid;place-items:center;flex:none}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-dot{width:7px;height:7px;border-radius:50%;background:var(--line2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-el-row{margin:0;font-size:12.5px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-el{display:inline-block;min-width:38px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-err{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--bad-s);color:var(--bad);font-size:13px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-err span{flex:1;min-width:160px}
/* the head: dial, outlook, headline, actions */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-head{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:start}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-score{display:grid;justify-items:center}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-score small{font-size:12px;color:var(--ink3);margin-top:-4px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge{width:120px;height:68px;display:block}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge .tr,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge .vl{fill:none;stroke-width:10;stroke-linecap:round}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge .tr{stroke:var(--line)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge text{font-size:26px;font-weight:700;fill:var(--ink);font-variant-numeric:tabular-nums}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge.expanding .vl{stroke:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge.hiring .vl{stroke:var(--hs-mark)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge.steady .vl,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge.unclear .vl{stroke:var(--ink3)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge.slowing .vl{stroke:var(--warn)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-out{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;font-size:12.5px;font-weight:600;background:var(--chip);color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-out.expanding{background:var(--good-s);color:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-out.hiring{background:var(--tint);color:var(--brand-d)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-out.slowing{background:var(--warn-s);color:var(--warn)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-up{font-size:12.5px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hm h3{margin:6px 0 4px;font-size:17px;line-height:24px;font-weight:700}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hm p{margin:0;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-act{display:grid;gap:8px;justify-items:stretch}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-adv{margin:0;padding:12px 14px;border-radius:12px;background:var(--tint);color:var(--ink)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-adv b{display:block;font-size:12px;font-weight:600;color:var(--brand-d);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
/* the numbers */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpi{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px;min-width:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpi small{font-size:12px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpi b{font-size:26px;line-height:34px;font-weight:700;font-variant-numeric:tabular-nums}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpi span{font-size:12px;color:var(--ink3);overflow-wrap:anywhere}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-dl{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-dl .hs-i{width:12px;height:12px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-dl.up{color:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-dl.down{color:var(--bad)}
/* the charts */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-charts{display:grid;gap:14px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-mult{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-fig{margin:0;position:relative;border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;min-width:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-fig figcaption{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:8px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-fig figcaption b{margin-left:auto;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-fig figcaption .rm-tip{align-self:center;margin-left:-5px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bars{display:grid;grid-template-columns:30px minmax(0,1fr);height:140px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-yax{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;line-height:12px;color:var(--ink3);text-align:right;padding-right:6px;margin:-6px 0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-plot{position:relative;min-width:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-grid i{display:block;height:1px;background:var(--line)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-cols{position:absolute;inset:0;display:flex;align-items:stretch;gap:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-col{flex:1;display:flex;align-items:flex-end;justify-content:center;min-width:0;outline-offset:-2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-col i{display:block;width:64%;max-width:28px;background:var(--hs-mark);border-radius:4px 4px 0 0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-col:hover i,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-col:focus-visible i{background:var(--hs-mark-h)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-xax{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin:6px 0 0 30px;font-size:11px;line-height:14px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-xax span{white-space:nowrap;overflow:visible}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-xax.two{display:flex;justify-content:space-between;margin-left:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-line{position:relative;height:96px;margin:8px 10px 0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-line svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-line polyline{fill:none;stroke:var(--hs-mark);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pt{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;display:grid;place-items:center;cursor:default;border-radius:50%}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pt i{width:9px;height:9px;border-radius:50%;background:var(--hs-mark);box-shadow:0 0 0 2px var(--surface)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pt:hover i,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pt:focus-visible i{width:12px;height:12px;background:var(--hs-mark-h)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-nodata{margin:6px 0 0;font-size:12.5px;color:var(--ink3)}
/* the explanations sit in an (i) (RM.tip) right after the words they belong to */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-nodata .rm-tip,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-el-row .rm-tip,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-note .rm-tip,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et b .rm-tip{margin-left:2px}
/* the timeline: one lane per kind of signal */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tl{display:grid;gap:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lane{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;height:26px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ll{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lt{position:relative;height:100%;margin:0 6px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lt::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:1px;background:var(--line)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lt .hs-pt{top:50%}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lt.bad .hs-pt i{background:var(--bad)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tax{height:18px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ticks{position:relative;height:100%;margin:0 6px;font-size:11px;line-height:18px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ticks span.now{right:0;transform:none}
/* the hover note */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tip{position:absolute;z-index:5;max-width:min(300px,90%);padding:5px 9px;border-radius:7px;background:var(--ink);color:var(--surface);font-size:12px;line-height:16px;pointer-events:none;opacity:0;transition:opacity .1s}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tip.on{opacity:1}
@media (prefers-reduced-motion:reduce){:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tip{transition:none}}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl{margin-top:6px;font-size:12px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl summary{cursor:pointer;width:max-content}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl table{margin-top:6px;border-collapse:collapse;font-size:12px;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl th,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl td{padding:3px 12px 3px 0;text-align:left;font-variant-numeric:tabular-nums}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl th{font-weight:600;color:var(--ink3)}
/* drivers, teams, roles, events */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-sec h4{margin:0 0 10px;font-size:15px;line-height:20px;font-weight:700;display:flex;align-items:center;gap:8px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-cnt{font-size:12px;font-weight:500;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-drv,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-teams,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ev{list-style:none;margin:0;padding:0;display:grid;gap:8px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-drv li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-arr{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-drv li.up .hs-arr{background:var(--good-s);color:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-drv li.down .hs-arr{background:var(--bad-s);color:var(--bad)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-drv li>span:last-child{padding-top:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-src{font-size:12.5px;white-space:nowrap}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-teams{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-teams li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-teams b{font-weight:600}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-teams span{font-size:12.5px;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre b,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre a{font-weight:600}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-where{font-size:12px;color:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pn{flex-basis:100%;font-size:12.5px;color:var(--ink2)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chip{height:28px;padding:0 12px;border-radius:9999px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chip:hover{background:var(--hover)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-feed h5{margin:14px 0 8px;font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-feed h5:first-child{margin-top:0}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ev li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ki{width:30px;height:30px;border-radius:8px;background:var(--chip);color:var(--ink2);display:grid;place-items:center}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et2{font-weight:500;overflow-wrap:anywhere}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et2 a{color:var(--ink)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et2 a:hover{color:var(--brand-d)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-em{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;color:var(--ink3);margin-top:2px}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tag{display:inline-flex;height:20px;align-items:center;padding:0 8px;border-radius:9999px;background:var(--chip);color:var(--ink2);font-size:11.5px;font-weight:500}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tag.layoff{background:var(--bad-s);color:var(--bad)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tag.expansion,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tag.hiring{background:var(--tint);color:var(--brand-d)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-srcs{margin:0;font-size:12px;color:var(--ink3)}
/* the badge on a company row */
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bdg{display:inline-flex;align-items:center;gap:5px;margin-left:8px;color:var(--ink2);font-weight:500;white-space:nowrap}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bdg i{width:7px;height:7px;border-radius:50%;background:var(--ink3)}
:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bdg.expanding i{background:var(--good)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bdg.hiring i{background:var(--hs-mark)}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-bdg.slowing i{background:var(--warn)}
@media (max-width:760px){
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-head{grid-template-columns:96px minmax(0,1fr)}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-gauge{width:96px;height:55px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-act{grid-column:1/-1;display:flex;flex-wrap:wrap}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpis{grid-template-columns:1fr 1fr}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-mult{grid-template-columns:1fr}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-lane{grid-template-columns:72px minmax(0,1fr)}
}
@media (max-width:480px){
  /* four tabs on a phone: a little tighter (the open one is scrolled into view, js/decision.js) */
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .co-dtabs{gap:16px}:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .co-dtabs button{font-size:14.5px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-empty{grid-template-columns:36px minmax(0,1fr);padding:16px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-badge{width:36px;height:36px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ea,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-note{grid-column:1/-1}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-kpi b{font-size:22px;line-height:30px}
}
/* A phone (Max 2026-10-20: "Make it like real monile app UI now its confusing to look at on phone"): the same views in all four
   places (the Companies page, its pop-up, the agent's page, Find Job's tab). The head stacks, taps are 40 px, the small chart and tag
   text 12 px, the (i) of a figure's heading has a wider hit area; a computer is untouched. */
@media (max-width:800px),(pointer:coarse) and (max-width:950px){
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs .co-btn{min-height:40px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chip{height:40px;padding:0 16px;font-size:14px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-chips{gap:8px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tbl summary{display:flex;align-items:center;min-height:40px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs .rm-tip{position:relative}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs .rm-tip::after{content:"";position:absolute;inset:-9px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-yax,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-xax,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-ticks{font-size:12px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-tag{height:22px;font-size:12px}
  /* the head stacks: the dial and, beside it, the outlook and when it was read; then the headline and its words the full width, then
     Refresh (the dial no longer squeezes the words into a narrow column) */
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-head{grid-template-columns:96px minmax(0,1fr);gap:10px 14px;align-items:center}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hm{display:contents}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hl{grid-column:2;grid-row:1}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hm h3{grid-column:1/-1;margin:2px 0 0}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-hm p{grid-column:1/-1}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-act{grid-column:1/-1}
  /* links are at least 40 px high: an event's headline, a source, a role not on the boards, the careers page */
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-et2 a{display:block;padding:10px 0;margin:-10px 0}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-src,:is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-srcs a{display:inline-flex;align-items:center;min-height:40px;vertical-align:middle}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre li{padding:0 12px;align-items:center}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre a{display:inline-flex;align-items:center;min-height:40px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pre b{display:inline-flex;align-items:center;min-height:40px}
  :is(#sec-dm,#co-pop,#sec-agent .ag-hsd,#sec-findjob .fjhs) .hs-pn{padding-bottom:10px}
}
