/* ============================================
   FORM PAGE - Additional Responsive Styles
   ============================================ */

/* These styles extend GeneralResponsive.css for the form page */

@media screen and (max-width: 768px) {
  /* Ensure form has proper spacing below header */
  form {
    padding-top: calc(var(--header-height) + 1.5rem);
  }

  /* Make form labels stack better */
  form .form-group {
    padding: 0.875rem;
  }

  /* Ensure checkboxes and radios are readable */
  form .checkbox label,
  form .radio label,
  form .radio-label {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 480px) {
  form {
    padding-top: calc(var(--header-height) + 1rem);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  form legend {
    font-size: 0.75rem;
    padding: 0.6rem 0.75rem;
  }

  form .checkbox label,
  form .radio label,
  form .radio-label {
    font-size: 0.9rem;
  }
}