/* Mobile optimizations */
@media (max-width: 768px) {
  .content-container {
    width: 100%;
    padding: 60px 20px 0;
  }
  
  .nav-buttons {
    width: 100%;
  }
  
  /* Make question TEXT span 2/3 of the screen before wrapping */
  .form-section .text-[#3c3c3c] {
    width: 66.666%;
    text-align: left;
    font-size: 16px !important;
    display: block;
    max-width: 66.666%;
    line-height: 1.2 !important;
  }
  
  /* Keep form controls full width */
  .form-section .form-select,
  .form-section .form-input {
    width: 100%;
  }
  
  /* Keep everything left-aligned */
  .form-section {
    align-items: flex-start !important;
  }
}

/* For very small screens */
@media (max-width: 480px) {
  .form-section .text-[#3c3c3c] {
    width: 85%;
    max-width: 85%;
  }
}