/* Site header: announcement bar, logo, Product, For companies, For recruiters, About and Resources, Sign in and Get access.
   Follows the visitor's device theme through the --x tokens. */
:root{--hd-panel:#111111;--hd-sh:0 24px 48px -16px rgba(0,0,0,.6)}
:root[data-theme="light"]{--hd-panel:#FFFFFF;--hd-sh:0 24px 48px -18px rgba(10,10,10,.22)}
.hd-bar{background:var(--x-bg2);border-bottom:1px solid var(--x-line);color:var(--x-fg2);font-size:13.5px;line-height:1.4}
.hd-bar p{max-width:1280px;margin:0 auto;padding:10px clamp(16px,3vw,28px);text-align:center}
.hd-bar a{display:inline-flex;align-items:center;gap:5px;color:var(--x-fg);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--x-mark);transition:text-decoration-color .16s}
.hd-bar a:hover{text-decoration-color:currentColor}
header.hd{position:sticky;top:0;z-index:40;background:var(--x-nav);border-bottom:1px solid var(--x-line);color:var(--x-fg)}
.hd-in{max-width:1280px;margin:0 auto;height:64px;display:flex;align-items:center;gap:24px;padding:0 clamp(16px,3vw,28px);border-left:1px solid var(--x-line);border-right:1px solid var(--x-line)}
.hd-logo{display:flex;color:var(--x-fg);flex-shrink:0;border-radius:4px}
.hd-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.hd-l{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--x-mute);text-decoration:none;cursor:pointer;transition:background-color .16s,color .16s;white-space:nowrap}
.hd-l:hover,.hd-l[aria-expanded="true"]{color:var(--x-fg);background:var(--x-bg2)}
.hd-l[aria-current="page"]{color:var(--x-fg)}
.hd-l[aria-current="page"]::before{content:"";width:5px;height:5px;background:var(--x-tick,#FF6A26);margin-right:2px}
.hd-chev{transition:transform .2s ease;color:var(--x-mute2)}
.hd-l[aria-expanded="true"] .hd-chev{transform:rotate(180deg)}
.hd-dd{position:relative}
.hd-panel{position:absolute;left:-6px;top:calc(100% + 14px);z-index:50;width:360px;padding:8px;background:var(--hd-panel);border:1px solid var(--x-line2);border-radius:12px;box-shadow:var(--hd-sh);animation:hdIn .16s ease both}
.hd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
@keyframes hdIn{from{opacity:0}to{opacity:1}}
.hd-wide{width:min(780px,calc(100vw - 48px))}
.hd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.hd-list{display:flex;flex-direction:column;gap:2px}
.hd-it{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px;text-decoration:none;color:var(--x-fg);transition:background-color .16s}
.hd-it:hover,.hd-it:focus-visible{background:var(--x-bg2);outline:none}
.hd-ic{width:34px;height:34px;border-radius:8px;border:1px solid var(--x-line2);display:inline-flex;align-items:center;justify-content:center;color:var(--x-fg);flex-shrink:0}
.hd-it b{display:block;font-size:14px;font-weight:500;line-height:1.3}
.hd-it small{display:block;font-size:13px;line-height:1.4;color:var(--x-mute);margin-top:2px}
.hd-foot{display:flex;flex-wrap:wrap;gap:6px 22px;margin:6px 2px 0;padding:12px 10px 6px;border-top:1px solid var(--x-line)}
.hd-foot a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--x-fg);text-decoration:none;transition:color .16s}
.hd-foot a:hover{color:var(--x-mute)}
.hd-act{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
.hd-signin{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:6px;font-size:15px;font-weight:500;color:var(--x-fg);text-decoration:none;transition:background-color .16s}
.hd-signin:hover{background:var(--x-bg2)}
.hd-cta{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:6px;font-size:15px;font-weight:500;background:var(--x-cta);color:var(--x-cta-fg);text-decoration:none;transition:background-color .16s}
.hd-cta:hover{background:var(--x-cta-hover)}
.hd-menu{display:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--x-fg);align-items:center;justify-content:center;cursor:pointer}
.hd-menu:hover{background:var(--x-bg2)}
.hd-sheet{border-top:1px solid var(--x-line);background:var(--x-nav);padding:4px clamp(16px,3vw,28px) 24px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}
.hd-sh{margin:18px 0 2px;font-size:13px;font-weight:500;color:var(--x-mute2)}
.hd-sl a{display:block;padding:11px 0;font-size:16px;font-weight:500;color:var(--x-fg);text-decoration:none;border-bottom:1px solid var(--x-line)}
.hd-main{margin-top:10px}
.hd-sbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.hd-sbtn a{justify-content:center;height:46px}
.hd-sbtn .hd-signin{box-shadow:inset 0 0 0 1px var(--x-line2)}
header.hd :focus-visible{outline:2px solid var(--x-fg);outline-offset:2px}
@media (max-width:1140px){.hd-nav,.hd-act>.hd-signin{display:none}.hd-menu{display:inline-flex}.hd-in{justify-content:space-between}}
@media (min-width:1141px){.hd-sheet{display:none!important}}
.hd-about{width:320px}
.hd-it[aria-current="page"]{background:var(--x-bg2)}
.hd-it[aria-current="page"] .hd-ic{border-color:var(--x-fg)}
@media (min-width:1141px) and (max-width:1240px){.hd-in{gap:16px}.hd-l{padding:0 10px}}
@media (max-width:480px){.hd-in{gap:10px}.hd-logo svg{height:32px;width:auto}.hd-cta{height:36px;padding:0 12px;font-size:14px}.hd-bar p>span{display:none}}
@media (prefers-reduced-motion:reduce){.hd-panel{animation:none}header.hd *{transition:none!important}}

/* ---------- footer wordmark: a slow light passes over it, and follows the pointer ---------- */
:root{--x-glow:rgba(255,106,38,.9)}
:root[data-theme="light"]{--x-glow:rgba(255,76,0,.75)}
.ps-word{position:relative}
.ps-word::after{content:attr(data-text);position:absolute;inset:0;padding:inherit;color:transparent;pointer-events:none;background:radial-gradient(var(--wr,300px) circle at var(--wx,-400px) var(--wy,60%),var(--x-glow) 0%,rgba(255,76,0,.35) 32%,rgba(255,76,0,0) 70%);-webkit-background-clip:text;background-clip:text}
@media (prefers-reduced-motion:reduce){.ps-word::after{display:none}}

/* the footer logo matches the larger header logo */
.ps-foot svg[aria-label="PeopleSeek"]{height:40px;width:auto;align-self:flex-start}
@media (max-width:480px){.ps-foot svg[aria-label="PeopleSeek"]{height:34px}}
@media (max-width:359px){.hd-logo svg{height:26px}.hd-cta{padding:0 10px;font-size:13.5px}.hd-in{gap:6px}}

/* ---------- the footer: one layout on every page ----------
   Wide screens: the logo on the left, the five menu columns on the right.
   Up to 1180px: the logo above, the five columns across. Up to 860px: two columns. */
:root[data-theme="light"] .ps-foot{border-top:1px solid var(--x-line)}
.ps-foot a{transition:color .16s ease}
.ps-foot a:hover{color:var(--x-fg)!important}
.ps-ftop{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:start;gap:40px 64px;padding:clamp(56px,7vw,88px) clamp(16px,3.5vw,48px) 40px}
.ps-fbrand{display:flex;flex-direction:column;gap:18px;min-width:0}
.ps-fnav{display:grid;grid-template-columns:repeat(5,auto);gap:32px clamp(28px,3.4vw,56px);font-size:15px}
.ps-fnav div{display:flex;flex-direction:column;gap:12px;min-width:0}
.ps-fnav span{color:var(--x-fg);font-weight:500}
.ps-fnav a{color:var(--x-mute);text-decoration:none;transition:color .2s}
.ps-fnav a:hover{color:var(--x-fg)}
.ps-fnav a:focus-visible{outline:2px solid var(--x-fg);outline-offset:2px;border-radius:2px}
@media (max-width:1180px){.ps-ftop{grid-template-columns:minmax(0,1fr)}.ps-fnav{grid-template-columns:repeat(5,auto);justify-content:space-between}}
@media (max-width:860px){.ps-fnav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
