/* Match the original forms' generous inset and field spacing. */
form.smooth-form {
  box-sizing: border-box;
  padding: 6%;
  background: #f9f9f9;
}
.smooth-form .smooth-name { column-gap: 20px; }
.smooth-form fieldset, .smooth-form .smooth-field { margin-bottom: 32px; }
.smooth-form legend { margin-bottom: 18px; }
.smooth-form label, .smooth-form legend { font-size: inherit; line-height: 1.5; }
.smooth-form input:not([type=checkbox]), .smooth-form textarea {
  margin-top: 10px;
  padding: 16px 22px;
  min-height: 60px;
  border: 1px solid #111;
  background: transparent;
  border-radius: 999px;
}
.smooth-form textarea { min-height: 150px; border-radius: 34px; resize: vertical; }
.smooth-form .smooth-check { gap: 14px; align-items: flex-start; }
.smooth-form .smooth-check input { width: 24px; height: 24px; margin: 3px 0 0; accent-color: #111; }
.smooth-form button[type=submit] {
  display: inline-flex; justify-content: center; align-items: center;
  padding: 18px 42px; min-height: 68px; min-width: 150px;
  border: 0; border-radius: 999px; background: #000; color: #fff;
  font: inherit; line-height: 1.4;
}
@media(max-width:600px) {
  form.smooth-form { padding: 28px 22px; }
  .smooth-form .smooth-name { grid-template-columns: minmax(0,1fr); row-gap: 20px; }
  .smooth-form fieldset, .smooth-form .smooth-field { margin-bottom: 28px; }
  .smooth-form input:not([type=checkbox]) { min-height: 56px; padding: 14px 18px; }
  .smooth-form textarea { padding: 16px 18px; border-radius: 28px; }
}