.vol-layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.role{background:#F7F5F0;border:1px solid #E2DED4;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px}
.role h3{font-size:19px;line-height:26px}
.vol-next{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.vol-next h3{font-size:22px;line-height:30px}
.vol-next ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:14px}
.vol-next li::marker{color:#C8102E;font-weight:700}
.vol-form{flex:999 1 480px;min-width:0;background:#fff;border:1px solid #E2DED4;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 2px rgba(15,23,48,.06)}
.vol-form h3{font-size:22px;line-height:30px}
.field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
fieldset.field{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:16px}
.field legend{font-size:14px;line-height:20px;font-weight:600;margin-bottom:6px;padding:0}
.opt{font-weight:400;color:#5A6380}
.vol-form input:not([type=checkbox]),.vol-form select,.vol-form textarea{font:inherit;padding:11px 13px;border:1px solid #8A92AB;border-radius:6px;background:#fff;color:#1B2A57;width:100%}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:22px;font-weight:400;padding:4px 0}
.check input{width:18px;height:18px;margin-top:2px;accent-color:#1B2A57;flex:0 0 auto}
.vol-form .fine{text-align:left}
.vol-form .error{color:#C8102E}
@media (max-width:640px){.vol-form,.role{padding:24px}.roles{grid-template-columns:1fr}}