@layer components {
  /* The form-group bottom margin in forms.css is scoped to .admin-form, so a
     participant form spaces its groups with a wrapper gap the way the profile
     form does. Without it the guest checkbox butts against the two radios and
     reads as a third answer to the attendance question. */
  .rsvp-form {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
    align-items: flex-start;
  }
}