/* Слой страницы «Вакансия» · вариант B — секции в две колонки, форма на светлом
   (Монтажник ТТ · Астрахань, Сварщик на п/а · Находка, Сварщик на п/а · Отрадное).
   Только раскладка, все значения — из токенов. */
.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-page .vac-salary{margin-top:var(--sp-6);color:var(--accent);}
.vac-lead{margin-top:var(--sp-6);max-width:60ch;}
.vac-badges{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8);}
.vac-sections{margin-top:var(--sp-16);}
.vac-row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--sp-6) var(--sp-12);
  padding:var(--sp-12) 0;border-top:1px solid var(--line);align-items:start;}
.vac-row .list-check{max-width:72ch;}
.vac-apply{border-top:1px solid var(--line);padding-top:var(--sp-12);scroll-margin-top:96px;}
.vac-apply-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-12);
  align-items:start;margin-top:var(--sp-8);}
.vac-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);}
.vac-form .field,.vac-form .field-textarea{max-width:none;} /* ширину диктует сетка формы */
.vac-span2{grid-column:1 / -1;}
.vac-form-foot{display:flex;flex-direction:column;gap:var(--sp-6);align-items:flex-start;margin-top:var(--sp-2);}
.vac-contacts{background:var(--surface-dark);color:var(--surface);border-radius:var(--radius);
  padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6);}
.vac-contacts .h3,.vac-contacts .body-lg,.vac-contacts .caption{color:inherit;}
.vac-contacts .caption{opacity:.6;text-transform:uppercase;letter-spacing:.08em;}
.vac-contacts a{color:inherit;text-decoration:none;overflow-wrap:anywhere;}
.vac-contacts a:hover{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.vac-contact{display:flex;flex-direction:column;gap:var(--sp-1);}
.vac-contacts--light{background:var(--surface);color:var(--ink);border:1px solid var(--line);}
@media (max-width:1279px){ /* Tablet 768–1279 */
  .vac-sections{margin-top:var(--sp-12);}
  .vac-row{grid-template-columns:250px minmax(0,1fr);gap:var(--sp-4) var(--sp-8);padding:var(--sp-8) 0;}
  .vac-apply-grid{grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-8);}
  .vac-form{grid-template-columns:1fr;gap:var(--sp-4);}
}
@media (max-width:767px){ /* Mobile <768 */
  .vac-page{padding:var(--sp-12) 0;}
  .vac-page .vac-salary{margin-top:var(--sp-4);}
  .vac-lead{margin-top:var(--sp-4);}
  .vac-badges{gap:var(--sp-2);margin-top:var(--sp-6);}
  /* правило 07: длинные строки бейджей переносятся */
  .vac-badges .chip{height:auto;min-height:36px;padding-top:var(--sp-2);padding-bottom:var(--sp-2);}
  .vac-row{grid-template-columns:1fr;gap:var(--sp-3);}
  .vac-apply-grid{grid-template-columns:1fr;gap:var(--sp-8);}
  .vac-submit{width:100%;}
  .vac-contacts{padding:var(--sp-6);}
}