/* Слой страницы «Вакансии» (каталог) — только раскладка, значения из токенов. */
.vac-page{padding:var(--sp-16) 0;}
.vac-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;}
.vac-hero{max-width:820px;}
.vac-hero .lead{margin-top:var(--sp-6);text-wrap:pretty;}
.vac-filter{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8);}
/* активный чип фильтра — --accent (правило страницы) */
.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);}
.chip.is-active:hover{border-color:var(--accent);}
.vac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8);}
.vac-card{display:flex;flex-direction:column;gap:var(--sp-4);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-6);
  box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s,transform .15s;}
.vac-card:hover{box-shadow:var(--shadow-lg);border-color:var(--line-2);transform:translateY(-2px);}
.vac-card[hidden]{display:none;}
.vac-title{display:block;color:var(--ink);text-decoration:none;text-wrap:pretty;}
.vac-title:hover{color:var(--accent);}
.vac-salary-row{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;}
.vac-salary{font:600 26px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--accent);}
.vac-salary-note{font:400 14px/1 var(--font-text);color:var(--muted);}
.vac-city{display:flex;align-items:center;gap:var(--sp-2);
  font:500 15px/1.2 var(--font-text);color:var(--ink-2);}
.vac-city svg{flex:none;color:var(--muted);}
.vac-badges{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.vac-more{align-self:stretch;box-sizing:border-box;margin-top:auto;text-decoration:none;}
.vac-empty{grid-column:1/-1;padding:var(--sp-12);text-align:center;
  border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted);
  font:400 16px/1.5 var(--font-text);}
.vac-empty[hidden]{display:none;}
.vac-cta{margin-top:var(--sp-16);background:var(--surface-dark);border-radius:var(--radius-lg);
  padding:var(--sp-16) var(--sp-8);text-align:center;}
.vac-cta .h2{color:var(--surface);text-wrap:pretty;}
.vac-cta-text{margin-top:var(--sp-4);color:var(--surface);opacity:.8;
  max-width:44ch;margin-left:auto;margin-right:auto;text-wrap:pretty;}
.vac-cta .btn{margin-top:var(--sp-8);text-decoration:none;}
@media (max-width:1279px){
  .vac-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  .vac-page{padding:var(--sp-12) 0;}
  .vac-grid{grid-template-columns:1fr;}
  .vac-salary{font-size:23px;}
  .vac-cta{padding:var(--sp-12) var(--sp-4);}
}