/* Shared Jobs + People feed interaction language. Kept outside page-local
   styles so both hunters stay visually and behaviourally identical. */
#feed .card{
  isolation:isolate;
  --card-glow:var(--src-accent,var(--yellow,#F2C230));
  border-color:rgba(255,255,255,.065);
  overflow:visible!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease;
}
#feed .card::before{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:4;
  border-radius:calc(10px + 5px);
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle,color-mix(in srgb,var(--card-glow) 92%,white) 0 1.45px,transparent 2.5px) 10% 0/7px 7px no-repeat,
    radial-gradient(circle,color-mix(in srgb,var(--card-glow) 76%,white) 0 1.25px,transparent 2.35px) 100% 10%/7px 7px no-repeat,
    radial-gradient(circle,color-mix(in srgb,var(--card-glow) 66%,white) 0 1.1px,transparent 2.2px) 90% 100%/7px 7px no-repeat,
    radial-gradient(circle,color-mix(in srgb,var(--card-glow) 58%,white) 0 1px,transparent 2.1px) 0 90%/7px 7px no-repeat;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--card-glow) 72%,transparent));
  transition:opacity .24s ease;
}
#feed .card::after{
  display:none!important;
}
#feed .card-vector{z-index:0;border-radius:inherit;overflow:hidden}
#feed .card .company-logo,
#feed .card .card-body,
#feed .card .card-score,
#feed .card .grid-card-meta,
#feed .card .grid-card-foot,
#feed .card .logo,
#feed .card .person-main,
#feed .card .person-meta,
#feed .card .person-foot,
#feed .card .bmk{z-index:2}
#feed .card:hover{
  transform:translateY(-2px) scale(1.002);
  border-color:color-mix(in srgb,var(--card-glow) 48%,rgba(255,255,255,.1));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--card-glow) 58%,transparent),0 16px 42px -20px rgba(0,0,0,.88),0 0 48px -32px color-mix(in srgb,var(--card-glow) 44%,transparent);
}
#feed .card:hover::before,
#feed .card.sel::before{
  animation:hunter-card-orbit 4.8s linear infinite;
}
#feed .card:hover::before{opacity:.82}
#feed .card.sel::before{opacity:.58}
#feed .card.sel{
  --card-glow:var(--yellow,#F2C230);
  border-color:color-mix(in srgb,var(--card-glow) 62%,rgba(255,255,255,.12));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--card-glow) 64%,transparent),0 14px 44px -24px color-mix(in srgb,var(--card-glow) 44%,transparent);
}
#feed .pipe-dot{display:none!important}
.hunter-jobs #feed .card .company-logo,
.hunter-jobs #feed .card .company-logo img,
.hunter-jobs #feed .card .company-logo .src-brand-img,
.hunter-people #feed .card .logo,
.hunter-people #feed .card .logo img,
.hunter-people #feed .card .logo .avatar-source-mark{
  border-radius:0!important;
}
.hunter-jobs #feed .card .company-logo,
.hunter-people #feed .card .logo{
  background:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  overflow:hidden!important;
}
.hunter-jobs #feed .card .company-logo img,
.hunter-jobs #feed .card .company-logo .src-brand-img,
.hunter-people #feed .card .logo img,
.hunter-people #feed .card .logo .avatar-source-mark{
  background:#fff!important;
}

/* Denser scan rhythm: both hunters keep two title lines, one metadata row
   and one footer row. Nothing informative is reduced below the existing
   small-text scale. */
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card.has-company-logo{
  grid-template-columns:104px minmax(0,1fr) 66px;
  grid-template-rows:108px;
  min-height:130px!important;
  padding:11px 14px;
  gap:8px 14px;
}
.hunter-jobs .card .company-logo,
.hunter-jobs .card .company-logo img{border-radius:0!important}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card .company-logo{width:96px;height:96px;border-radius:0!important;background:#fff!important;border-color:rgba(255,255,255,.24)}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card .company-logo.has-image{background:#fff!important}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card-body{gap:5px;padding-bottom:0;overflow:hidden}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card-title{font-size:14px}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card-tags,
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card-foot{flex-wrap:nowrap;overflow:hidden}
.hunter-jobs #feed:not(.view-grid):not(.view-compact) .card-tags .tag:nth-child(n+5){display:none}
.hunter-jobs #feed.view-grid .card.has-company-logo{
  grid-template-columns:98px minmax(0,1fr);
  grid-template-rows:96px 28px 30px;
  min-height:190px!important;
  height:190px;
  padding:11px 12px;
}
.hunter-jobs #feed.view-grid .card .company-logo{width:86px;height:86px;border-radius:0!important}
.hunter-jobs #feed.view-grid .card-body{grid-template-rows:15px 46px;height:66px;align-self:center}
.hunter-jobs #feed.view-grid .card-title{height:46px;max-height:46px;font-size:14px;padding-bottom:6px}
.hunter-jobs #feed.view-grid .grid-card-meta{font-size:10.5px}
.hunter-jobs #feed.view-grid .grid-card-foot{height:30px;min-height:30px}
.hunter-jobs #feed.view-compact .card.has-company-logo{
  grid-template-columns:76px minmax(0,1fr) 54px;
  min-height:108px!important;
  padding:10px 14px;
}
.hunter-jobs #feed.view-compact .card .company-logo{width:64px;height:64px;border-radius:0!important}
.hunter-jobs #feed.view-compact .card-body{align-self:center}

.hunter-people #feed:not(.view-list):not(.view-compact) .card{
  grid-template-columns:124px minmax(0,1fr);
  grid-template-rows:50px 26px 34px;
  height:142px;
  min-height:142px;
  padding:14px 18px;
  column-gap:18px;
  row-gap:4px;
  align-content:start;
}
.hunter-people #feed:not(.view-list):not(.view-compact) .card .logo{grid-column:1;grid-row:1/4;width:120px;height:120px;align-self:center;border-radius:0;background:#fff!important;border-color:rgba(255,255,255,.24);box-shadow:0 7px 18px -12px #000}
.hunter-people #feed:not(.view-list):not(.view-compact) .card .logo.has-image{background:#fff!important}
.hunter-people #feed:not(.view-list):not(.view-compact) .person-main{grid-column:2;grid-row:1;height:50px;grid-template-rows:15px 30px;gap:3px;align-self:stretch}
.hunter-people #feed:not(.view-list):not(.view-compact) .card .t{height:30px;max-height:30px;padding:0 34px 0 0;border-bottom:0}
.hunter-people #feed:not(.view-list):not(.view-compact) .card .t .title-clamp{font-size:14px;line-height:18px;height:36px;max-height:36px}
.hunter-people #feed:not(.view-list):not(.view-compact) .person-meta{grid-column:2;grid-row:2;display:grid;height:26px;align-self:center;border-bottom:0;padding-bottom:0}
.hunter-people #feed:not(.view-list):not(.view-compact) .person-foot{grid-column:2;grid-row:3;height:34px;align-self:start}
.hunter-people #feed.view-list .card{height:142px;min-height:142px;padding:14px 18px;grid-template-columns:124px minmax(0,1fr);grid-template-rows:50px 26px 34px;column-gap:18px;row-gap:4px;align-content:start}
.hunter-people #feed.view-list .card .logo{grid-column:1;grid-row:1/4;width:120px;height:120px;align-self:center;border-radius:0!important}
.hunter-people #feed.view-list .card .logo img{border-radius:0!important}
.hunter-people #feed.view-list .person-main{grid-column:2;grid-row:1;height:50px;grid-template-rows:15px 30px;gap:3px;align-self:stretch}
.hunter-people #feed.view-list .card .t{height:30px;max-height:30px;padding:0 34px 0 0;border-bottom:0}
.hunter-people #feed.view-list .person-meta{grid-column:2;grid-row:2;display:grid;height:26px;align-self:center;border-bottom:0;padding-bottom:0}
.hunter-people #feed.view-list .person-foot{grid-column:2;grid-row:3;height:34px;align-self:start}
.hunter-people #feed.view-compact .card{height:142px;min-height:142px;grid-template-columns:124px minmax(0,1fr);grid-template-rows:50px 26px 34px;padding:14px 18px;column-gap:18px;row-gap:4px}
.hunter-people #feed.view-compact .card .logo{grid-column:1;grid-row:1/4;width:120px;height:120px;align-self:center}
.hunter-people #feed.view-compact .person-main{grid-column:2;grid-row:1;height:50px;grid-template-rows:15px 30px;gap:3px;align-self:stretch}
.hunter-people #feed.view-compact .card .t{height:30px;max-height:30px;padding:0 34px 0 0;border-bottom:0}
.hunter-people #feed.view-compact .person-meta{grid-column:2;grid-row:2;display:grid;height:26px;align-self:center;border-bottom:0;padding-bottom:0}
.hunter-people #feed.view-compact .person-foot{grid-column:2;grid-row:3;height:34px}
.hunter-people #feed.view-compact .card .logo,
.hunter-people #feed.view-compact .card .logo img{border-radius:0!important}
@keyframes hunter-card-orbit{
  0%,100%{background-position:10% 0,100% 10%,90% 100%,0 90%}
  12.5%{background-position:55% 0,100% 55%,45% 100%,0 45%}
  25%{background-position:100% 10%,90% 100%,0 90%,10% 0}
  37.5%{background-position:100% 55%,45% 100%,0 45%,55% 0}
  50%{background-position:90% 100%,0 90%,10% 0,100% 10%}
  62.5%{background-position:45% 100%,0 45%,55% 0,100% 55%}
  75%{background-position:0 90%,10% 0,100% 10%,90% 100%}
  87.5%{background-position:0 45%,55% 0,100% 55%,45% 100%}
}

.feed-footer{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  color:var(--fg3);
  font:500 12px/1.3 var(--font);
}
.hunter-people #feed > .feed-footer{grid-column:1/-1}
.feed-auto{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:44px;
  padding:8px 4px;
}
.feed-auto-note{display:inline-flex;align-items:center;gap:8px;color:var(--fg2)}
.feed-auto-note i{width:6px;height:6px;border-radius:50%;background:var(--accent-color,var(--yellow,#F2C230));box-shadow:0 0 12px var(--accent-color,var(--yellow,#F2C230));animation:hunter-feed-pulse 1.4s ease-in-out infinite}
.feed-sentinel{position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}
@keyframes hunter-feed-pulse{50%{opacity:.35;transform:scale(.72)}}
.feed-pagination{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr);
  align-items:center;
  gap:18px;
  min-height:66px;
  margin-top:4px;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:color-mix(in srgb,var(--elevated,#121722) 94%,transparent);
  box-shadow:0 16px 40px -28px rgba(0,0,0,.9);
}
.pager-controls{display:flex;align-items:center;justify-content:center;gap:6px}
.pager-controls button{
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface);
  color:var(--fg2);
  font:600 12px var(--font);
  transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;
}
.pager-controls button:hover:not(:disabled){color:var(--fg);border-color:color-mix(in srgb,var(--accent-color,var(--yellow,#F2C230)) 48%,var(--border));transform:translateY(-1px)}
.pager-controls button:focus-visible,.pager-size select:focus-visible{outline:2px solid var(--accent-color,var(--yellow,#F2C230));outline-offset:2px}
.pager-controls button.on{color:#151007;background:var(--accent-color,var(--yellow,#F2C230));border-color:var(--accent-color,var(--yellow,#F2C230))}
.pager-controls button:disabled{opacity:.32;cursor:default}
.pager-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pager-gap{width:22px;text-align:center;color:var(--fg3)}
.pager-size{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;color:var(--fg2)}
.pager-size select{min-width:72px;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--fg);font:500 12px var(--font)}
@media(max-width:760px){
  .feed-pagination{grid-template-columns:1fr;gap:9px;padding:12px}
  .pager-summary{text-align:center}
  .pager-size{justify-content:center}
  .pager-controls{gap:4px;overflow-x:auto;padding:2px}
  .pager-controls button{width:44px;height:44px;flex:0 0 44px}
  .feed-auto{align-items:flex-start;flex-direction:column;gap:4px}
  .hunter-jobs #feed:not(.view-grid):not(.view-compact) .card.has-company-logo{grid-template-columns:72px minmax(0,1fr) 50px!important;grid-template-rows:104px!important;min-height:128px!important}
  .hunter-jobs #feed:not(.view-grid):not(.view-compact) .card .company-logo{width:64px;height:64px;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){
  #feed .card::before,#feed .card::after,.feed-auto-note i{animation:none!important}
  #feed .card:hover::before,#feed .card.sel::before{opacity:.24}
  #feed .card:hover{transform:none}
}