/* Signup clarity patch: loaded after styles.css, scoped to #signup-form and #signup-dialog only.
   The result dialog shares .signup-dialog classes, so nothing here targets those classes alone. */

/* The long submit label may wrap: vertical padding keeps wrapped lines off the edges (min-height stays). */
#signup-form #f-submit { padding-top: 10px; padding-bottom: 10px; overflow-wrap: break-word; }

/* Short explanation under the dialog title; inherits the body font size */
#signup-dialog .signup-dialog__desc { margin: -4px 0 16px; line-height: 1.4; color: var(--ink-soft); }

/* Phones: tighter form/dialog spacing. Control heights (48px), the 44px close button,
   checkbox hit areas, consent text and font sizes are untouched. */
@media (max-width: 767px) {
  #signup-dialog .signup-dialog__inner { padding: 12px 12px 16px; }
  #signup-dialog .signup-dialog__head { margin-bottom: 8px; }
  #signup-dialog .signup-dialog__desc { margin: 0 0 12px; }

  #signup-form, #signup-form .form__fields { gap: 12px; }
  #signup-form .form__plate { padding: 4px 14px 14px; }
  #signup-form .field:not(.field--check) { padding-top: 12px; }
  #signup-form .form__optional { margin-top: 8px; padding-top: 12px; }
}