.vpa-form{max-width:760px;margin:0 auto}
.vpa-form input, .vpa-form select, .vpa-form textarea{width:100%;padding:.65rem;border:1px solid #ddd;border-radius:8px}
.vpa-two{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:780px){.vpa-two{grid-template-columns:1fr}}
.vpa-form button{background:#1F2937;color:#fff;border:0;border-radius:8px;padding:.8rem 1.2rem;cursor:pointer}
.vpa-details{margin:.5rem 0 1rem}
.vpa-response{margin-top:.75rem}


/* Restore default label behavior everywhere */
.vpa-form p label {
  display: block !important;
}

/* Only the policy row (the one that contains a checkbox) is inline */
.vpa-form p:has(input[type="checkbox"]) label {
  display: inline-flex !important;
  align-items: center;
  gap: .5rem;
  line-height: 1.5;
}

/* Ensure the checkbox itself stays inline and not full-width */
.vpa-form p:has(input[type="checkbox"]) input[type="checkbox"] {
  width: auto !important;
  margin-right: .5rem;
  vertical-align: middle;
  transform: scale(1.2);
}

/* Make sure the textarea fills the row nicely */
.vpa-form textarea {
  width: 100% !important;
  min-height: 140px;
  display: block;
}