/* Слой страницы «Вакансия» · вариант A — форма отклика в тёмной ленте
   (Рубщик судовой · Находка, Сварщик РД · Астрахань).
   Только раскладка, все значения — из токенов. */
.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{padding-bottom:var(--sp-12);}
.vac-badges{display:flex;flex-wrap:wrap;gap:var(--sp-3);}
/* правило 07: длинные строки бейджей не вылезают за контейнер на mobile */
.vac-badges .sticker{height:auto;min-height:28px;padding-top:6px;padding-bottom:6px;line-height:1.35;}
.vac-spec{display:grid;grid-template-columns:300px 1fr;gap:var(--sp-6) var(--sp-8);
  padding:var(--sp-8) 0;border-top:1px solid var(--line);}
.vac-list{list-style:disc;margin:0;padding-left:20px;display:flex;flex-direction:column;gap:var(--sp-3);}
.vac-list li{font:400 15px/1.5 var(--font-text);color:var(--ink-2);}
.vac-list li::marker{color:var(--muted-2);}
.vac-form-band{background:var(--surface-dark);padding:var(--sp-16) 0;margin-top:var(--sp-8);
  scroll-margin-top:96px;}
.vac-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--sp-8);
  align-items:start;margin-top:var(--sp-8);}
.vac-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-8);
  box-shadow:var(--shadow-lg);}
.vac-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);}
.vac-fields .field{max-width:none;}
.vac-fields .field-textarea{max-width:none;}
.vac-full{grid-column:1/-1;}
.vac-consent-field{max-width:none;margin-top:var(--sp-6);}
.vac-aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);
  margin-top:var(--sp-4);}
.vac-aside-phone{color:var(--surface);text-decoration:none;}
.vac-aside-phone:hover{color:var(--accent-hover);}
.vac-aside-mail{color:var(--surface);opacity:.85;text-decoration:underline;text-underline-offset:3px;
  overflow-wrap:anywhere;}
.vac-aside-mail:hover{color:var(--surface);opacity:1;}
@media (max-width:1279px){
  .vac-spec{grid-template-columns:220px 1fr;}
  .vac-form-grid{grid-template-columns:minmax(0,1fr) 280px;}
  .vac-fields{grid-template-columns:1fr;}
  .vac-form-band{padding:var(--sp-12) 0;}
}
@media (max-width:767px){
  .vac-page{padding:var(--sp-12) 0;}
  .vac-hero{padding-bottom:var(--sp-8);}
  .vac-spec{grid-template-columns:1fr;gap:var(--sp-4);padding:var(--sp-6) 0;}
  .vac-form-grid{grid-template-columns:1fr;gap:var(--sp-6);}
  .vac-card{padding:var(--sp-6) var(--sp-4);}
  .vac-submit{width:100%;}
}