/* === FIXES: Create Account — radios ordenados === */
@media (max-width: 900px){
  /* filas del formulario en tablas clásicas */
  .create-account td { vertical-align: middle; }
  .create-account .field-label { width: 36%; padding-right: 8px; white-space: nowrap; }
  .create-account .field-control { width: 64%; }

  /* radios más grandes y alineados */
  .create-account input[type="radio"]{
    transform: scale(1.25);
    margin-right: 8px;
  }

  /* Sexo: dos columnas (male / female) */
  .sex-options{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px 12px;
    align-items:center;
    justify-items:start;
  }
  .sex-options label{
    display:flex; align-items:center; gap:8px;
    line-height: 1.2;
    white-space: nowrap;
  }

  /* Vocaciones: 2 columnas para 4 opciones (se adapta si hay más) */
  .vocation-options{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px 16px;
    align-items:center;
  }
  .vocation-options label{
    display:flex; align-items:center; gap:8px;
    line-height: 1.2;
    white-space: nowrap;
  }

  /* Evitar que el texto salte a la línea inferior */
  .create-account .inline-help{
    font-size: 12px;
    opacity:.9;
  }
}